如何選擇圖片素材的格式
圖片素材的格式
1. 圖片素材格式的選擇
在PS中切片后可以將圖片素材以多種文件格式進行保存,制作網頁常使用的圖片格式有 .jpg 、.gif 、.png 等。
而決定圖片采用哪種格式的主要因素是圖片體積的大小,在保證圖片原有效果不失真的情況下,圖片的體積應越小越好,這樣才能保證你的網頁能被最快的打開。
在這些圖片格式中,沒有哪一種能保證圖片是最小最好的,在不同的情況下要相應的選擇不同的格式:
1)存儲面積較小或色彩不豐富的圖片,應采用gif格式
如下面這些圖片素材,在相同的品質下,采用gif格式的體積要比jpg要。
gif格式的設置:在切片保存時,選擇要設置圖片格式的區域后,在界面的右側選擇格式。
在此處可查看保存后圖片的大小
2)存儲面積較大或色彩豐富的圖片,應采用jpg(也稱為jpeg)格式
如下面這些圖片素材,在相同的品質下,采用jpg格式的.體積要比較小,并且色彩豐富的圖片采用gif格式有可能導致圖片失真:
jpg格式的設置:同樣在切片保存后設置格式,但jpg除了格式設置外,還有圖像品質的設置(如下圖右側)
“品質”的數值越大,圖像的畫質越好,但體積也越大,推薦將“品質”設置在70至80之間。
3)在無法判斷使用哪種格式時,可通過保存界面的“雙聯”或“四聯”進行比較
點擊保存界面的“四聯”,可為同一張圖片設置不同的保存格式進行對比,哪種格式保存的體積小則采用哪種。
在此處設置圖像的品質
2. 透明圖片樣式的使用
在網頁圖片的使用中,可采用透明或半透明的圖片,支持透明效果的有.gif和.png這兩種格式,但這兩種格式的透明效果并不一樣。
1).gif格式的透明效果
.gif格式的圖片可以將圖像中指定的顏色設置為透明(即完全不顯示),效果如:原本白色的背景被設置為透明放入到網頁中,配合不同的背景查看效果
注意:使用gif設置的透明圖片,圖像邊緣過渡比較生硬,在融入背景時效果不是很好。
設置方法:
在圖像保存的界面,確保gif的設置中“透明度”被選擇
在下方顏色表中選擇要設置為透明的顏色,如背景的白色,再點擊下圖所示的按鈕設為透明
選擇背景的白色
設置為透明
【如何選擇圖片素材的格式】相關文章:
如何選擇壁紙如何選擇墻紙06-25
圖像格式的選擇09-10
家長如何選擇給孩子選擇早教機06-25
如何選擇辦公屏風色調選擇06-25
如何給孩子選擇奧數班01-26
如何選擇朋友的名言09-15
寶寶牙刷如何選擇08-26
大學如何選擇專業07-15
如何選擇招聘渠道09-01