時間：2023-07-04 23:36:02 | 來源：網(wǎng)站運(yùn)營
時間：2023-07-04 23:36:02 來源：網(wǎng)站運(yùn)營
圖片格式的選擇+圖片壓縮---網(wǎng)頁制作：在網(wǎng)頁制作中，最常用的圖片格式是：png,jpg,gif。那我們該怎么選擇呢，它們各自的優(yōu)缺點(diǎn)又是什么呢：首先講：gif，它主要是運(yùn)用于動畫圖片，支持透明，可能會有人會說還有flash的swf格式，以前比較常見，現(xiàn)在基本上被gif和CSS3、js所代替。所以如果美工設(shè)計中，有動畫的元素 ,首先看JavaScript和css能不能實(shí)現(xiàn)，如果他們不能，再考慮用gif動畫圖片來實(shí)現(xiàn)。為什么呢，因?yàn)間if是，gif最多256色，畫質(zhì)差。所以在下面的情況下首選gif：
png，它主要是運(yùn)用于有透明元素的圖片，畫質(zhì)高，在網(wǎng)頁制作中，透明的圖片還是很常見的。這也是我很常用的圖片格式。所以在下面的情況下首選png：
jpg，它主要運(yùn)用于圖片沒有透明的元素，畫質(zhì)高，壓縮比高，一旦把透明的顏色儲存為jpg，透明的部分都會被白色元素所代替。所以在下面的情況下首選jpg：最后講一下，網(wǎng)頁制作中，我是如何來壓縮圖片大小的，來提高網(wǎng)頁加載速度
- 沒有透明的元素
- 畫質(zhì)高
- 壓縮比高
在網(wǎng)頁制作中，特別是在美工做好psd效果時，在截圖時，壓縮方法：PS→文件→保存為web所用格式→品質(zhì)高低自己調(diào)試一下，透明圖片保存為png，不是透明的保存為jpg這里的畫質(zhì)選擇：主要是根據(jù)你的網(wǎng)頁圖片來定，對清晰度要求高不高。還有在制作網(wǎng)頁是注意點(diǎn)是，在利用到一個高清圖，直接用img標(biāo)簽引入，看圖片過大，用width和height來進(jìn)行縮小，這是一個非常浪費(fèi)帶寬的做法，大家在使用時，盡量先用ps進(jìn)行等比例縮小到所需要的大小。
關(guān)鍵詞：圖片,格式,選擇
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
在線咨詢