網站建設時圖片使用哪種格式?網站圖片格式下的秘密! 二維碼
90
發表時間:2019-08-14 16:42 文字、圖片和色彩被稱為網頁設中必不可以的三大元素。我們都知道,文字有字體、字號、顏色的差別,色彩則以色相、色調進行區分,而圖片主要以格式區分。在網站建設中合理的利用圖像,選擇適合的圖片格式,不但可以將讓設計得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小,節省下載時間、有效的減少服務器的負擔。下面西安網站建設就來說說JPG、GIF、PNG這三種最常用的圖片格式的區別吧! 一、網站圖片的三中格式:JPG、GIF和PNG GIF的色彩效果最低,不過體積小,有著極好的壓縮效果,當然最重要的是支持動畫,并且支持透明效果,雖然這個透明沒有PNG的那樣漸變透明的強大。如果你的圖片只有很單調的色彩,沒有漸變色,那么選GIF是很合適的。 JPG是數碼相機最常用的格式,其特點是色彩還原好,可以在照片不明顯失真的情況下,大幅降低體積,所以體積不很大,缺點是不支持透明。照片類的圖片,例如網站上的Gallery,若要張貼自然風景之類,**都用JPG格式。 最后來說說最適合網絡的圖格式——PNG!它的優點是:清晰,無損壓縮,壓縮比率很高,可漸變透明,幾乎具備了GIF的所有優點;缺點是不如JPG的顏色豐富,圖片體積也比JPG略大。但是PNG卻是公認的最適合網頁使用的圖片格式。像百度、Google首頁的logo就是PNG格式的。 通過以上的對比,我們可以發現: 大小比較:通常地,PNG ≈ JPG > GIF 透明性:PNG > GIF > JPG 色彩豐富程度:JPG > PNG >GIF 兼容程度:GIF ≈ JPG > PNG 二、網站建設時圖片使用注意事項! 1、當圖片擁有豐富的色彩時,并且沒有明顯銳利反差的邊緣線條時,選擇 JPEG 可以得到**的輸出結果。 2、當圖片擁有明確邊緣的線條圖、沒有使用太多色彩、甚至可能需要透明背景時,GIF 是完美的選擇。 3、當圖片顏色簡單對比強烈的則需要采用PNG,選擇PNG格式時設計師必須根據圖片需求來選擇不同的圖檔格式,并且對其做適當的調整。還需要注意的就是瀏覽器支持度的問題。 另外還有一個原則就是用于頁面結構的基本視覺元素,如容器的背景、按鈕、導航的背景等應該盡量用PNG格式進行存儲,這樣才能更好的保證設計品質。而其他一些內容元素,如廣告Banner、商品圖片等對質量要求不是特別苛刻的圖片,則可以用JPG去進行存儲,這樣可以有效降低文件大小。這些竅門你get到了嗎? |