來(lái)源：《Head First HTML與CSS》

?

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

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

?

JPEG

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

?

PNG

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

?

GIF

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

?