人妻精品久久久久中文字幕69,激情欧美一区二区三区,日韩在线一区二区,亚洲精品久久久久久下一站

×

網(wǎng)站圖像優(yōu)化技巧(一)

  • 作者:新網(wǎng)
  • 來源:新網(wǎng)
  • 瀏覽:100
  • 2018-02-27 17:43:26

網(wǎng)頁圖像的要求是在盡可能短的傳輸時間里,發(fā)布盡可能高質(zhì)量的圖像。因此在設(shè)計和處理網(wǎng)頁圖像時就要求圖像有盡可能高的清晰度與盡可能小的尺寸,從而使圖像的下載速度達(dá)到最快。為此,必須對圖像進(jìn)行優(yōu)化。

 網(wǎng)頁圖像的要求是在盡可能短的傳輸時間里,發(fā)布盡可能高質(zhì)量的圖像。因此在設(shè)計和處理網(wǎng)頁圖像時就要求圖像有盡可能高的清晰度與盡可能小的尺寸,從而使圖像的下載速度達(dá)到最快。為此,必須對圖像進(jìn)行優(yōu)化。

19141204f9me.jpg
<div>前端優(yōu)化有很多,圖像優(yōu)化也是其中的一部分。無論是漸進(jìn)增強(qiáng)還是優(yōu)雅降級,圖像優(yōu)化成為了開發(fā)上不可忽視的一部分。
 
知其然,須知其所以然
 
圖像優(yōu)化的前提是需要了解圖像的基本原理。常規(guī)的圖像格式分為矢量圖和位圖。
 
原理:
 
矢量圖形使用線、點(diǎn)和多邊形來表示圖像。
 
光柵圖形,也可以成為位圖,通過對矩形格柵內(nèi)的每個像素的值進(jìn)行編碼表示圖像。
 
矢量格式適用于簡單形狀圖形,并且變換顏色方便,僅通過 CSS 中的 fill 屬性便可以改變顏色。并且在多大的縮放下都能保證清晰,矢量格式不能滿足復(fù)雜的圖像,例如照片,高清圖。這時候我們就需要位圖,位圖的格式有很多:
 
GIF
 
PNG
 
JPEG
 
JPEG-XR
 
WebP
 
Bpg
 
其中 Webp 是比較流行的圖像格式方案,目前移動端 Android 4.0 以上、PC 端 chrome 10+(14 ~ 16 有渲染 bug )、opera 11+ 均支持 webp 格式圖片,相比 jpg 體積減少了 65%,但編碼解碼速度慢了很多,雖然 webp 會額外增加解碼時間,但由于體積小了,縮短了加載時間,實(shí)際上文件的渲染速度反而快了。
 
以上就是網(wǎng)站圖像的優(yōu)化技巧。
 

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading
久久久久久66| 伊人丁香中文字幕| 国产av中出| 99精品国产91久久性色| 韩国人妻网站| 久久久3D黄片| 999国产精品亚洲77777| 亚洲高清无码0| ·日韩伦理中文字幕| 国产剧情av在线| 武侠古典AV天堂| 美丽人妻被按摩中出中文字幕 | 不卡日韩av在线| 亚洲三级毛片老女人| 亚洲五码不卡视频| 新狼窝色AV性久久久久久| 大香蕉AV电影网| 欧美精品激情视频| 国产无码免费| 国产精品偷窥东北浴室| 亚洲中文字幕久久精品无码APP| 国产后入在线播放| 亚洲丁香五月天AV| 亚洲综合熟女久久久30p| 午夜精品福利片| 人妻中出视频| 亚洲一区| 中国AV大香蕉| 亚洲综合激情五月丁香六月 | 亚洲色图区欧美色图区| 亚洲人成777| 风情艳主调教视频国产| 欧美777情情999| 国产成人欧美| 国产天天操| 肛交毛片| 日在线韩码无| 亚洲无码高清视频| 久产国产| 国产女高中生av| 亚洲AⅤ无码一区二区波多野在线 在线精品国产一区二区三区 |