很多設(shè)計(jì)師本身對(duì)設(shè)計(jì)把握的不夠好，甚至在網(wǎng)站設(shè)計(jì)中對(duì)設(shè)計(jì)粗心大意。更有時(shí)候，認(rèn)為客戶對(duì)設(shè)計(jì)一點(diǎn)不懂，然后，你的網(wǎng)頁(yè)設(shè)計(jì)很快就出爐了。當(dāng)客戶打開(kāi)你的設(shè)計(jì)作品時(shí)，發(fā)現(xiàn)你的設(shè)計(jì)格式就錯(cuò)了，是不是太過(guò)尷尬呢?

　　1、JPEG 網(wǎng)頁(yè)設(shè)計(jì)格式

　　JPEG是迄今為止最常見(jiàn)的圖像格式，它是網(wǎng)絡(luò)上絕大多數(shù)圖像的選擇格式。默認(rèn)情況下，大多數(shù)中低檔數(shù)碼相機(jī)還會(huì)以JPEG格式存儲(chǔ)圖像。雖然格式相同，但JPEG圖像可能使用.jpeg或.jpg文件擴(kuò)展名。JPEG自1986年發(fā)明以來(lái)一直是壓縮圖像文件的行業(yè)標(biāo)準(zhǔn)。

　　JPEG有一點(diǎn)要清楚，它是有損的。換句話說(shuō)，它犧牲了圖像質(zhì)量來(lái)?yè)Q取更小的文件空間，這也意味著在網(wǎng)站上有更快的加載時(shí)間。JPEG也具有各種級(jí)別的壓縮，壓縮越厲害圖像質(zhì)量越低。Web圖像的最佳壓縮級(jí)別大約為60%，盡管高達(dá)75%的數(shù)據(jù)可能適用于視覺(jué)組件可能達(dá)到75%的數(shù)據(jù)，但質(zhì)量不是最優(yōu)的，高于75%，原始圖像開(kāi)始變得明顯扭曲和模糊。

　　所有互聯(lián)網(wǎng)設(shè)備，數(shù)碼相機(jī)，Web瀏覽器和現(xiàn)代操作系統(tǒng)都支持此種格式，JPEG是用于不需要大質(zhì)量的靜止圖像的最常用格式。由于它可以顯示數(shù)百萬(wàn)種不同的顏色，包括較淺和較深色調(diào)之間的明顯區(qū)別，因此適用于幾乎所有情況。然而，當(dāng)需要專業(yè)和原始的圖像質(zhì)量時(shí)，JPEG是不合適的。因此，絕大多數(shù)專業(yè)攝影師始終將其圖像的原始副本保留為未壓縮格式，如BMP或RAW。

　　2、GIF 網(wǎng)頁(yè)設(shè)計(jì)格式

　　GIF是在1987年發(fā)明的，GIF跟JPEG一樣，是為了突破早期撥號(hào)互聯(lián)網(wǎng)連接的局限性而節(jié)省帶寬發(fā)明的，同時(shí)也節(jié)省了當(dāng)時(shí)相對(duì)較小的硬盤(pán)空間。

　　與JPEG不同，GIF支持動(dòng)畫(huà)視覺(jué)效果，因此它一直用于渲染小動(dòng)畫(huà)。因此，它在小圖標(biāo)，按鈕和其他導(dǎo)航功能，社交網(wǎng)絡(luò)上的動(dòng)畫(huà)表情符號(hào)中是用得最多的。從技術(shù)上講，GIF是一種無(wú)損壓縮格式，因?yàn)樗粫?huì)刪除任何原始數(shù)據(jù)，而是使用完全不同的算法進(jìn)行壓縮。但是，格式也受到8位調(diào)色板的限制，這意味著它每幀最多只顯示256種顏色。由于這個(gè)限制，它非常適合單色圖像，這是8位性質(zhì)的。

　　雖然在線上接觸得非常多，但GIF在網(wǎng)頁(yè)設(shè)計(jì)中幾乎沒(méi)有實(shí)際應(yīng)用。相反，大多數(shù)動(dòng)畫(huà)內(nèi)容通過(guò)視頻流媒體格式傳送，而靜態(tài)圖像則使用JPEG或其他格式。盡管如此，盡管實(shí)際的動(dòng)畫(huà)可能在設(shè)備上不起作用，GIF仍然像JPEG一樣得到廣泛支持。

　　3、PNG 網(wǎng)頁(yè)設(shè)計(jì)格式

　　與GIF不同的是，PNG只能使用靜態(tài)圖像，盡管有稱為APNG(基于PNG(Portable Network Graphics)的位圖動(dòng)畫(huà)格式，擴(kuò)展方法類似主要用于網(wǎng)頁(yè)的GIF 89a)的擴(kuò)展存在，但不被廣泛支持。PNG使用無(wú)損壓縮算法來(lái)保留原始圖像的細(xì)節(jié)。

　　PNG分為兩種：PNG-8，支持256色的8位版本，與GIF類似;PNG-24，配有一個(gè)24位調(diào)色板，可顯示多達(dá)1600萬(wàn)種顏色，如JPEG。最重要的是，這兩個(gè)版本都支持透明度，因此可以使用其他圖像來(lái)創(chuàng)建各種不同的背景和特殊效果。設(shè)計(jì)人員可以使用格式支持的Alpha通道更改透明度級(jí)別，例如淡入不同的背景圖像。換句話說(shuō)，PNG圖像可以放置在任何顏色的背景上，同時(shí)保持其原始外觀。

　　PNG最適合用于設(shè)計(jì)和標(biāo)志類的品牌元素，幾乎所有瀏覽器都支持此類格式。該格式也適用于諸如照片類的復(fù)雜圖像，但文件大小是個(gè)問(wèn)題，因?yàn)镻NG占用的空間大大超過(guò)JPEG。

　　4、SVG(可縮放矢量圖形)網(wǎng)頁(yè)設(shè)計(jì)格式

　　與上面提到的位圖圖像格式不同，SVG是矢量圖形格式。矢量可以縮放到任何尺寸，而不會(huì)損失質(zhì)量，因?yàn)槊總€(gè)矢量就已經(jīng)分配了顏色，形狀，曲線和線條的厚度。

　　SVG發(fā)明于2001年，SVG是基于可擴(kuò)展標(biāo)記語(yǔ)言最常見(jiàn)的矢量圖形格式。雖然不像JPEG，GIF或PNG一樣得到廣泛支持，但大多數(shù)瀏覽器(如最新版本的Google Chrome，Microsoft Edge和Mozilla Firefox)都支持它。盡管如此，SVG是復(fù)雜圖表中最合適的格式，例如藍(lán)圖，計(jì)劃和設(shè)計(jì)，因?yàn)樗Ａ袅怂性夹畔?，并且可以在不影響圖像質(zhì)量的情況下進(jìn)行放大。另一方面，SVG格式完全不適合照片。由于許多舊版瀏覽器，特別是移動(dòng)設(shè)備不支持矢量圖形，如果不支持，網(wǎng)頁(yè)設(shè)計(jì)人員應(yīng)始終提供替代的JPG來(lái)代替SVG文件。

　　在大多數(shù)情況下，網(wǎng)頁(yè)設(shè)計(jì)師只需在具有特定要求時(shí)，可使用GIF，PNG或SVG格式，沒(méi)有要求時(shí)最好使用JPEG格式，要注意的是選擇最佳的壓縮級(jí)別，以便在質(zhì)量和性能之間找到一個(gè)很好的平衡。譬如說(shuō)相冊(cè)這類設(shè)計(jì)，通常最好在網(wǎng)頁(yè)上顯示較低質(zhì)量的縮略圖，當(dāng)點(diǎn)擊時(shí)，打開(kāi)全分辨率，高質(zhì)量的版本比較好。

　　很多時(shí)候，專業(yè)的網(wǎng)站設(shè)計(jì)師也不一定對(duì)網(wǎng)頁(yè)設(shè)計(jì)格式有著清晰的把握，蒙特網(wǎng)站設(shè)計(jì)公司溫馨建議，還是虛心看一下為好。網(wǎng)頁(yè)設(shè)計(jì)需要嚴(yán)謹(jǐn)、認(rèn)真，在此基礎(chǔ)上才是創(chuàng)新!