來源：《Head First HTML與CSS》

?

照片和復雜圖像使用? JPEG

單色圖像、logo 和幾何圖形使用? PNG? 或? GIF

?

JPEG

• 最適合連續色調圖像，如照片。
• 可以表示包含多達1600萬種不同顏色的圖像。
• 這是一種“有損”格式，因為縮小文件大小時會丟掉圖像的一些信息。
• 不支持透明度。
• 文件比較小，以便 Web 頁面更高效地顯示。
• 不支持動畫。

?

PNG

• PNG 最適合單色圖像和線條構成的圖像（如 logo、剪貼畫和圖像中的小文本）。
• PNG 可以表示包上百萬種不同顏色的圖像。PNG 有3種：PNG-8、PNG-24和PNG-32，取決于你需要表示多少種顏色。
• PNG 會壓縮文件來縮小文件大小，不過會丟掉信息。所以這是一種“無損”格式。
• 允許將顏色設置為“透明”，使圖像下面的東西可以顯示出來。
• 與相應的 JPEG 文件相比，PNG 文件更大一些，不過取決于使用的顏色數，可能比相應的 GIF 文件小，也可能更大。

?

GIF

• 類似于 PNG，GIF 最適合單色圖像和線條構成的圖像（如 logo、剪貼畫和圖像中的小文本）。
• GIF 可以表示最多256種不同顏色的圖像。
• GIF 也是一種“無損”格式。
• GIF 也支持透明度，不過只允許一種顏色設置為“透明”。
• GIF 文件往往比相應的 JPEG 文件大。
• 支持動畫。

?