中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

從網(wǎng)頁(yè)設(shè)計(jì)角度應(yīng)該如何優(yōu)化網(wǎng)站圖片

2022-11-23    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)- 建站教程 - 建站經(jīng)驗(yàn) - 從網(wǎng)頁(yè)設(shè)計(jì)角度應(yīng)該如何優(yōu)化網(wǎng)站圖片

網(wǎng)頁(yè)設(shè)計(jì)角度,應(yīng)該如何優(yōu)化網(wǎng)站圖片

1、去掉無(wú)意義的修飾。

除了內(nèi)容圖片,其他的圖片的作用是修飾,也就是對(duì)于傳達(dá)信息來(lái)說(shuō)并非本質(zhì)性的。大的優(yōu)化就是壓根不要圖片!所以在優(yōu)化之前要做的,首先是確認(rèn)設(shè)計(jì),設(shè)計(jì)本身是否需要用那么多圖片?還是說(shuō)可以更簡(jiǎn)潔?

2、不用圖片。

切圖是一件扯淡的事情,直接使用CSS替代圖片來(lái)實(shí)現(xiàn)修飾效果吧!如半透明、邊框、圓角、陰影、漸變等,在當(dāng)前主流瀏覽器中都可以用CSS達(dá)成。將來(lái)CSS濾鏡得到廣泛支持后,還可以做到alpha混合、正片疊底等各種效果。

3、使用矢量圖替代位圖。

對(duì)于絕大多數(shù)圖案、圖標(biāo)等,矢量圖更小,且可縮放而無(wú)需生成多套圖?,F(xiàn)在主流瀏覽器都支持SVG了,所以可放心使用!

4、使用恰當(dāng)?shù)膱D片格式。

我們常見(jiàn)的圖片格式有JPEG、GIF、PNG?;旧?,內(nèi)容圖片多為照片之類(lèi)的,適用于JPEG。而修飾圖片通常更適合用無(wú)損壓縮的PNG。而GIF基本上除了GIF動(dòng)畫(huà)外不要使用。且動(dòng)畫(huà)的話,也更建議用video元素和視頻格式,或用SVG動(dòng)畫(huà)取代。

除了這些格式之外,Chrome、新版Opera、Android 4 支持WebP格式,IE 9 、IE mobile 10 支持JPEG XR。這兩個(gè)新格式都支持無(wú)損和有損壓縮,都具有更良好的壓縮比。當(dāng)然這需要為不同的瀏覽器返回不同的圖片,增加了開(kāi)發(fā)成本,也增加存儲(chǔ)成本。不過(guò)你省了流量或者相同流量下改善了圖片質(zhì)量,提升了用戶體驗(yàn)。你會(huì)如何取舍呢?

對(duì)了,別忘了使用優(yōu)秀的圖片編碼器及合適的參數(shù)。好的圖片編碼器,尤其是有損圖片格式的編碼器(推薦Caesium),能通過(guò)算法或手動(dòng)調(diào)整,獲得更高的壓縮比。

5、按照HTTP協(xié)議設(shè)置合理的緩存。

具體的緩存策略(如永久緩存 重命名)、部署策略(如反向代理、CDN等)這里就不展開(kāi)了。

當(dāng)前標(biāo)題:從網(wǎng)頁(yè)設(shè)計(jì)角度應(yīng)該如何優(yōu)化網(wǎng)站圖片
文章位置:http://www.rwnh.cn/news/216000.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、響應(yīng)式網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣用戶體驗(yàn)、建站公司、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司
郓城县| 鄂托克前旗| 黄冈市| 稷山县| 武威市| 许昌县| 故城县| 德钦县| 常州市| 澳门| 乌拉特前旗| 五大连池市| 凤阳县| 万宁市| 青阳县| 铜梁县| 无棣县| 奎屯市| 松桃| 稻城县| 子洲县| 岳阳县| 庆云县| 临洮县| 沭阳县| 张家口市| 兰州市| 普定县| 紫阳县| 嘉兴市| 成武县| 乌拉特中旗| 廉江市| 乌拉特中旗| 龙江县| 顺义区| 长治县| 焦作市| 宁陵县| 于都县| 镇雄县|