我們對(duì)JPG、GIF格式都比較熟悉。但是,對(duì)新出現(xiàn)的WebP格式還比較陌生。本文,我們將系統(tǒng)介紹與圖片文件格式相關(guān)的問(wèn)題。什么是圖片的文件格式?
相機(jī)拍攝出來(lái)的圖片往往文件很大,很占用儲(chǔ)存空間。怎么辦呢?就是對(duì)圖像進(jìn)行壓縮,采用不同算法的壓縮方式,就是文件格式。如JPG文件和GIF文件,就是使用了兩種不同壓縮算法而得到的圖片。網(wǎng)站設(shè)計(jì)與圖片格式的關(guān)系?
網(wǎng)站設(shè)計(jì)為何要考慮圖像格式呢?有兩個(gè)原因。
網(wǎng)站設(shè)計(jì)需要考慮加載速度。按照這一要求,設(shè)計(jì)師應(yīng)該盡量選擇可以將圖片壓縮的更小的算法。
網(wǎng)站設(shè)計(jì)需要考慮清晰度。按照這一要求,設(shè)計(jì)師還需要考慮壓縮的時(shí)候,不太影響圖片的清晰度。
如上兩個(gè)要求是矛盾的,設(shè)計(jì)師需要做的就是協(xié)調(diào),即實(shí)現(xiàn)——較好的清晰度下的小容量。
而WebP格式就是為了解決這一矛盾的。WebP圖像格式的簡(jiǎn)要背景
WebP被Google稱為一種現(xiàn)代圖像格式,它的目的是讓
網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員在為他們的用戶設(shè)計(jì)更好的體驗(yàn)時(shí)更容易工作。由于互聯(lián)網(wǎng)非常注重圖像,因此對(duì)改進(jìn)用戶體驗(yàn)的關(guān)注集中在減少加載圖像所需的時(shí)間上。因此,最終用戶可以在不犧牲網(wǎng)站速度的情況下享受更高質(zhì)量的圖片。
這是因?yàn)檫@種類型的圖像依賴于兩種壓縮形式(通過(guò)使用比原始圖像更少的位來(lái)減小數(shù)據(jù)文件的大?。河袚p壓縮和無(wú)損壓縮。
有損壓縮,也稱為不可逆壓縮,是指一種算法,通過(guò)這種算法,原始數(shù)據(jù)或圖像僅被近似地重建,同時(shí)仍然允許更好的壓縮率和更小的數(shù)據(jù)大小。
與此形成鮮明對(duì)比的是,無(wú)損壓縮正如其名稱所示,是一種在壓縮過(guò)程中不會(huì)犧牲任何東西的壓縮。換句話說(shuō),壓縮后的圖片或文件是對(duì)原始圖像的好重建。
通過(guò)這些算法處理您在web上的圖像,可以確保您在web上瀏覽的圖像比您經(jīng)常遇到的格式更美觀,尺寸更小,例如:JPEG格式和GIF格式。
為了便于比較,WebP無(wú)損圖像的大小將小于PNG圖像。與JPEG格式比較,WebP有損圖像的大小將縮小25%到34%。
僅從大小比較來(lái)看,這種Google格式為設(shè)計(jì)師和開發(fā)人員提供了一種比傳統(tǒng)格式大幅度減小的大小。這種縮小的大小意味著站點(diǎn)和瀏覽器必須減少加載圖像的強(qiáng)度,從而導(dǎo)致更快的加載時(shí)間和總體更快的用戶體驗(yàn)。WebP格式會(huì)成為主流嗎?
根據(jù)我們的觀點(diǎn),一種圖像格式流行取決于三個(gè)因素。一是算法的優(yōu)劣,是否能夠滿足“即清晰又小”;其二是轉(zhuǎn)換便利,通過(guò)工具順利轉(zhuǎn)換為另一種格式;其三是支持范圍,如瀏覽器、操作系統(tǒng)是否支持這一圖像格式。
從如上三個(gè)條件看,WebP格式的圖像都是滿足的。
標(biāo)題名稱:一文看懂網(wǎng)站設(shè)計(jì)中的WebP圖像格式
分享網(wǎng)址:http://www.rwnh.cn/news13/244313.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
廣告
聲明:本網(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)