今朝網站圖片的采取一共有風行三種，分離是jpg、png、gif，但是許多人其實不曉得三者在挑選的時刻畢竟應當選誰（bmp就沒有斟酌瞭吧）。固然都能夠存儲圖片，然則假如要宣佈到網上，就必需斟酌速率、巨細和掉真水平的題目。假如你應用得好，選對圖片，那樣便會使網站的團體體驗上升，假如你應用得欠好，就會引發反後果。上面我經由過程文件巨細等多方面的元向來講一下網站圖片的公道挑選。

　　gif 算是比擬老的圖片格局瞭，它的顏色後果最低，用gif保留美麗的圖片的話會讓你的網站看上去異常恐怖。然則gif有著弗成疏忽的特色：體積小，有著極好的緊縮後果，支撐動畫，而且支撐通明後果，固然這個通明沒有png的那樣突變通明的壯大。動畫選gif沒錯；假如你的圖片隻要很單調的顏色，沒有突變色，比方隻要紅藍兩色，那末選gif最好不外瞭！比方百度的首頁logo就是很好的例子，它的巨細隻要2kb，節儉瞭資本。

　　jpg / jpeg 圖片

　　jpg是數碼相機最經常使用的格局，其特色是顏色復原好，能夠在照片沒有顯著掉真的情形下，大幅下降體積，以是體積沒有很大，缺陷是沒有支撐通明。照片類的圖片，比方網站上的gallery，你想要張貼出來的天然景致之類，最好都用jpg。然則屏幕截圖呢？一會先容。

　　png 圖片

　　可謂是最合適收集的圖片！png的長處是，清楚，無損緊縮，緊縮比率很高，可突變通明，具有險些全部gif的長處；缺陷是沒有如jpg的色彩豐碩，一樣的圖片體積也比jpg略大。然則png應當在網站計劃上被推行，它是公認的最合適網頁應用的圖片格局。谷歌就是一個很好的例子。谷歌全部站點險些全體的圖片資本都是png格局。8位的png完整能夠替換失落gif。

　　上圖就是谷歌的logo，挑選png是為瞭最清楚同時體積更小，而且谷歌主頁的logo圖片其實不是配景通明的，而是紅色配景的。既然沒有是通明的，為何沒有挑選jpg呢？谷歌豈非沒有斟酌嗎，以是png有其上風。

　　png有著另外一個長處，那就是逐次切近親近表現(progressive display)：傳輸圖象文件的同時，能夠先把全部表面表現出來，然後慢慢表現圖象的細節，即先表現低分辯率表現圖象，從隱約到清楚，然後慢慢進步它的分辯率。這是一個很好的用戶體驗。

　　各方面比擬

　　巨細比擬：平日地，png ≈ jpg > gif

　　通明性：png > gif > jpg

　　顏色豐碩水平：jpg > png >gif

　　兼容水平：gif ≈ jpg > png

　　留意，ie6下png的通明是不克不及表現的，有其對應的hack辦法。