來源：《Head First HTML與CSS》

?

照片和復(fù)雜圖像使用? JPEG

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

?

JPEG

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

?

PNG

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

?

GIF

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

?