DIV CSS 佈局教程網

 　　計算機以矢量或位圖格式顯示圖形。Fireworks 中既包含矢量工具，又包含位圖工具，並且能夠打開或導入這兩種格式的文件，因此了解這兩種格式之間的差異將有助於您了解 Fireworks

　　關於矢量圖形

　　矢量圖形使用包含顏色和位置信息的直線和曲線(矢量)呈現圖像。例如，一片葉子的圖像可以使用一系列描述葉子輪廓的點來定義。葉子的顏色由其輪廓(即筆觸)的顏色和該輪廓所包圍區域(即填充)的顏色決定。矢量圖形與分辨率無關，這意味著，當您更改矢量圖形的顏色、移動矢量圖形、調整矢量圖形的大小、更改矢量圖形的形狀或者更改輸出設備的分辨率時，其外觀品質不會發生變化。

　　關於位圖圖形

　　位圖圖形由排列在網格中的點(即像素)組成。計算機的屏幕就是一個大的像素網格。在葉子的位圖版本中，圖像是由網格中每個像素的位置和顏色值決定的。每個像素被指定一種顏色。在以正確的分辨率查看時，這些點像馬賽克中的瓷片那樣拼合在一起。

　　編輯位圖圖形時，您修改的是像素，而不是線條和曲線。位圖圖形與分辨率有關，這意味著描述圖像的數據被固定到一個特定大小的網格中。放大位圖圖形將使這些像素在網格中重新進行分布，這會使圖像的邊緣呈鋸齒狀。在一個分辨率比圖像自身分辨率低的輸出設備上顯示位圖圖形也會降低圖像品質。