☆圖片格式
㈠位圖
①位圖又稱為點陣圖像，是由像素（圖片元素）的單個點組成的。通常分為8位，16位，24位和32位。
②所謂8位圖並不是只有8種顏色，而是2的8次冪（即256）種顏色，8位圖指的是用8個bits來表示顏色，對人眼的感覺來說，16位色基本能滿足需要了。
③24位又稱為“真色彩”，2的24次冪，大概有1600萬種顏色之多，這個數字差不多是人眼可以分辨顏色的極限了。
④32位色並不是2的32次冪，其實也是2的24次冪，不過它添加了2的8次冪階顏色的灰度，也就是8位透明度，因此規定它為32位色。
⑤在制作頁面的時候，一般選用24位圖像。因為32位圖像會帶來更大的圖像容量，會使瀏覽器加載頁面速度變慢。
⑥放大原始位圖，圖像會失真，縮小原始位圖，同樣會使圖像效果失真，這是因為縮小圖像，減少的是圖像中像素的數量。
㈡位圖格式
①JPG格式
jpg可以很好地處理大面積色調的圖像，如相片，網頁中一般的圖片
②PNG格式
PNG支持透明信息。所謂透明，即圖像可以浮現在其他頁面文件或頁面圖像之上。可以說PNG是專門為web創造的圖像，通常大部分頁面設計者在頁面中加入logo或者一些點綴的小圖像時，都會選用PNG格式。PNG格式圖片體積小，而且無損壓縮，能保證網頁打開速度，所以PNG格式圖片是很好地選擇。
③GIF格式
GIF只支持256色以內的圖像。所以，GIF格式的圖片效果是很差的。但是，GIF可以制作動畫，圖像作者利用圖像處理軟件，將靜態的GIF圖像設置為單幀畫面，然后把這些單幀畫面連在一起，設置好一個畫面到下一個畫面的間隔時間，最后保存為GIF格式就可以了。可以說，這就是簡單的逐幀動畫。
當處理色調復雜，絢麗的圖像時，如照片，圖畫等，適合使用jpg格式；而處理一些logo，banner，簡單線條構圖的時候，適合使用PNG格式；GIF格式通常只適合表達動畫效果。
㈢矢量圖
①矢量圖格式
矢量圖又稱為“向量圖”。矢量圖是計算機圖形中用點，直線或者多邊形等基於數學方程的幾何圖元表示的圖像。
矢量圖是以一種數學描述的方式來記錄圖像內容的圖像格式。如一個方程式y=kx，當這個小方程體現在坐標系上的時候，設置不同的參數可以繪制不同角度的直線，這就是矢量圖的構圖原理。
矢量圖最大的優點是：無論放大，縮小或是旋轉等，圖像都不會失真。最大的缺點就是：難以表現色彩層次豐富的逼真圖像效果。
②矢量圖格式
矢量圖的后綴一般有“.ai”，".cdf"，".swf"和".fh"。
“.ai”后綴的文件是一種靜幀的矢量文件格式。".cdf"后綴的文件多為工程圖。".swf"格式文件指的是Flash。
㈣位圖和矢量圖區別
①位圖受分辨率的影響，而矢量圖不受分辨率影響。因此，當圖片放大時，位圖清晰度會變低，而矢量圖清晰度不變。
②位圖的組成單位是“像素”，而矢量圖的組成單位是“數學向量”。
③位圖適用於色彩豐富的圖片，而矢量圖卻不適用於色彩豐富的圖片。
④位圖常用於網頁中的照片，容量較大；矢量圖常用於印刷行業，網頁logo或矢量插圖。