国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Web頁面中png jpg gif webp svg的區別和使用

April / 2241人閱讀

Png
PNG包括png-8和png-24 png-32

相對來說體積小;支持透明

24(160W)比8(256) 像素 色塊 色彩 要多很多

8位保存的時候會有鋸齒邊緣

24位是透明邊緣

24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果,這就意味著,無論透明度設置為多少,PNG圖片均能夠與背景很好的融合在一起。

Jpg
JPG能顯示的顏色比gif和png要多的多;同時能得到很好的壓縮;但是是一種失真壓縮(壓縮比;分辨率;可感知失真);jpg適合應用在那些允許輕微失真的像素色彩豐富的場景;不適合做簡單色彩的圖片(icon,小logo)

Gif
支持動畫;也是一種無損的圖片格式(修改圖片后;圖片質量沒有損失);僅支持8位顏色深度;受這個限制;gif不適合應用于各種色彩過于豐富的場景

Webp
Google開發的一種旨在加快圖片加載速度的圖片格式,圖片壓縮體積大約是jpg的2/3;能大量節省服務器帶寬資源和數據空間;也是一種有損壓縮;目的就是加快網絡圖片的傳輸效率;讓圖片更快的顯示在用戶面前;目前所知道的只有高版本的W3C瀏覽器才支持 (chorme39+,safari7+)

Svg
SVG正變得越來越熱門,它不同于以上所有的文件類型,因為它是一個矢量文件格式。這就是說它實際上是由線條和曲線,而不是像素組成的。當你放大一個矢量圖像時,你仍然看到一條曲線或一條線。當你放大一個由像素構成的圖像時,你會看到像素。

優點:

對于小logo和圖片來說;svg是很理想的;因為無論是Retina屏還是其他低分辨率的屏幕上顯示都是一樣的;svg的logo可以放大不失真;如果是像素構成的圖片格式想要不失真就要多套的圖片,svg是用XML編寫的;可以用js來改變svg圖片的顏色

缺點:

Svg在渲染的時候需要比像素圖更多的計算能力;更加的消耗性能;所以你的svg圖比較復雜;可能會很耗費性能;甚至文件大小也很大

總結:小圖片(icon)或則網頁基本元素(按鈕)可以使用png-24或則gif;圖片考慮jpg

體積 webp

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117409.html

相關文章

  • Web頁面png jpg gif webp svg區別使用

    PngPNG包括png-8和png-24 png-32 相對來說體積小;支持透明 24(160W)比8(256) 像素 色塊 色彩 要多很多 8位保存的時候會有鋸齒邊緣 24位是透明邊緣 24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果,這就意味著,無論透明度設置為多少,PNG圖片均能夠與背景很好的融合在一起。 JpgJPG能顯示的顏色比gif和png要多的多;同時能得到很好...

    Turbo 評論0 收藏0
  • Web頁面png jpg gif webp svg區別使用

    PngPNG包括png-8和png-24 png-32 相對來說體積小;支持透明 24(160W)比8(256) 像素 色塊 色彩 要多很多 8位保存的時候會有鋸齒邊緣 24位是透明邊緣 24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果,這就意味著,無論透明度設置為多少,PNG圖片均能夠與背景很好的融合在一起。 JpgJPG能顯示的顏色比gif和png要多的多;同時能得到很好...

    fizz 評論0 收藏0
  • 聊一聊幾種常用web圖片格式:gifjpgpngwebp

    摘要:由于采用了無損壓縮,相比古老的格式,尺寸較小,而且支持透明和動畫。采用無損壓縮,是基于直接色的位圖格式。正是因為其高品質,無損壓縮,非常適合用于源文件或需要二次編輯的圖片格式的保存。 前言 在大多數的web頁面中,圖片占到了頁面大小的60%-70%。因此在web開發中,不同的場景使用合適的圖片格式對web頁面的性能和體驗是很重要的。圖片格式種類非常多,本文僅針對幾種web應用中常用的圖...

    leo108 評論0 收藏0
  • 聊一聊幾種常用web圖片格式:gifjpgpngwebp

    摘要:由于采用了無損壓縮,相比古老的格式,尺寸較小,而且支持透明和動畫。采用無損壓縮,是基于直接色的位圖格式。正是因為其高品質,無損壓縮,非常適合用于源文件或需要二次編輯的圖片格式的保存。 前言 在大多數的web頁面中,圖片占到了頁面大小的60%-70%。因此在web開發中,不同的場景使用合適的圖片格式對web頁面的性能和體驗是很重要的。圖片格式種類非常多,本文僅針對幾種web應用中常用的圖...

    894974231 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<