網頁設計對於圖片格式是有具體要求的，並不是所有的格式都適合使用，不適合有時顯示不出來或者直接亂掉。因而，在選擇圖片格式之前，你應該先瞭解一下圖片的格式。

1、  jpeg

這一圖片格式可以說是人們最為熟悉的了。數位相機的流行以及普及，幾乎可以說是每張照片出來都是jpeg格式了。但是，它有一個缺點就在於，每次進行jpeg格式的存檔之後，圖片的內容都會有破壞。這一特性在視覺上辨識並不明顯，但其實已經有效的降低了圖片的檔案大小。因而，它適合色彩圖元比較豐富的圖片，例如照片，即使失真也不容易發現。但不適宜儲存線條圖、圖示或者文字圖，這類型的圖片有清晰邊緣，失真明顯，容易察覺。

2、  gif

與jpeg有相對的特性，因為它是無失真壓縮的格式，不會出現失真的現象，但是限制了色彩的表現力，因為它只擁有了八位元的色彩深度資訊，也就是256種顏色。最大的優點是能夠有效的節省儲存時的容量，以及幾乎所有的流覽器都支持。因而，綜合它的優點和缺點，這一格式適合用在圖示、UI介面、線條插圖、文字圖等類型。

3、  png

同樣使用了無失真壓縮的格式，最初的開發牧師為了作為gif替代的方案。分為png-8以及png-24兩種類型，前者比較接近gif後者，後者支持的色彩有160萬種。