如何在網(wǎng)頁設(shè)計(jì)中選擇一個(gè)完美的圖像格式？
2016-08-12 分類： 網(wǎng)站建設(shè)
幾乎沒有人理解jpeg、png和gif等圖片格式實(shí)際上是如何工作的，大多數(shù)web開發(fā)人員只有通過試驗(yàn),學(xué)習(xí)使用哪個(gè)格式。在本文中,我們將看到每個(gè)格式的高級(jí)的壓縮算法,以了解他們的不同策略讓他們或多或少適合不同類型的圖像。看看我們?nèi)绾问褂弥悄芊?wù)器利用這些強(qiáng)大的(但尚未普遍支持的)格式。本文為大家介紹網(wǎng)頁設(shè)計(jì)師如何在網(wǎng)頁設(shè)計(jì)中選擇一個(gè)好的圖像格式？
JPEG
那么,它是如何工作的呢?它有什么好處呢?
JPEG壓縮或雕刻成8×8-pixel-blocks,然后做一點(diǎn)瘋狂,和一大堆的數(shù)學(xué)。它轉(zhuǎn)換每個(gè)塊的pixels-lists R,G,B值,映射到連續(xù)點(diǎn)空間分成一組系數(shù),用于方程描述的塊的能量波動(dòng)。在技術(shù)術(shù)語,JPEG壓縮算法將圖像從空間域的信息到頻域。
實(shí)際上,這意味著JPEG非常擅長連續(xù)色調(diào)圖像壓縮:圖像與一個(gè)巨大的數(shù)量的顏色,以及它們之間的平滑過渡。換句話說,JPEG假定你的圖像看起來或多或少像照片。相反,JPEG格式在壓縮圖像清晰邊緣或高能是可怕的。
為了壓縮這些圖片,我們采用不同的壓縮算法。進(jìn)入我們的下一個(gè)格式：GIF
在web的早期,如果不是一個(gè)JPEG圖像,這是一個(gè)GIF。GIF格式采用LZW壓縮算法,這遠(yuǎn)比JPEG的mathemagic簡單。從本質(zhì)上講,LZW算法掃描你的圖像數(shù)據(jù)并生成短代碼重復(fù)的部分;LZW縮短重復(fù)。這意味著GIF格式圖像壓縮,大量相同或重復(fù)的數(shù)據(jù)。只有幾個(gè)顏色的圖像,在廣泛的范圍,與夏普之間的轉(zhuǎn)換可以存儲(chǔ)高效、無損的gif。但在壓縮…GIF是可怕的東西,有常用的格式,硬,256 顏色限制。轉(zhuǎn)換圖像超過這一數(shù)字的顏色變成一個(gè)GIF導(dǎo)致?lián)p耗多色調(diào)分色法,看起來糟透了。
簡而言之,GIF和JPEG相反,互補(bǔ)優(yōu)勢(shì)。但未解決專利問題周圍的LZW算法啟發(fā)一些非常聰明的人,第二次裂紋無損圖像格式的網(wǎng)頁設(shè)計(jì)。
PNG
PNG擅長相同類型的圖像,帶來了一些好處:沒有256的顏色限制。阿爾法通道透明度(因此一個(gè)像素可以部分透明,而不是簡單的通透或完全不透明)在壓縮時(shí)，PNG是如何擊敗GIF的？首先,PNG算法試圖減少它將需要存儲(chǔ)的數(shù)據(jù)量。格式特性五個(gè)不同的預(yù)測(cè)策略,但基本上,PNG假設(shè)相鄰像素將是相似的。如果這種假設(shè)證明是真的,PNG保存數(shù)據(jù)只存儲(chǔ)其預(yù)測(cè)和實(shí)際值之間的差別,少數(shù)比大公司占據(jù)更少的空間。
第二,通過允許引用之前的圖片PNG削減了重復(fù),相同的像素序列存儲(chǔ)相同的數(shù)據(jù)(而不是兩次)使用一種叫做LZ77算法。如果斜視,PNG LZ77和GIF的LZW實(shí)現(xiàn)同一ends-cutting repetition-but那里通過意味著足夠明顯的逃避專利律師。每個(gè)人都贏了!
最后,做完這一切,PNG使用這一過程被稱為“霍夫曼編碼”將剩余的價(jià)值歸結(jié)進(jìn)一步通過生成最常見的最小的碼值(順便說一句,JPEG格式使用霍夫曼編碼作為最后一步)。
結(jié)合以上三種(無損)技術(shù)在GIF的單一策略提供了巨大的好處。通過改變?cè)紙D像數(shù)據(jù)有損貫穿這個(gè)挑戰(zhàn)之前，復(fù)雜的工具可以提供更大的壓縮比,為了使它更c(diǎn)ompression-friendly。
退一步,所有你需要知道的是:PNG時(shí)將執(zhí)行比JPEG照片,比GIF是更好的。所以，任何設(shè)計(jì)中可以用它來作為清爽的邊緣圖像和廣泛范圍的純色或精確的重復(fù)模式。
文章名稱：如何在網(wǎng)頁設(shè)計(jì)中選擇一個(gè)完美的圖像格式？
分享網(wǎng)址：http://www.rwnh.cn/news29/40479.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、小程序開發(fā)、微信公眾號(hào)、網(wǎng)站收錄、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站維護(hù)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 怎樣為你的網(wǎng)頁設(shè)計(jì)選擇最佳字體？ 2016-08-12
- 如何預(yù)估網(wǎng)站優(yōu)化的關(guān)鍵詞排名？ 2016-06-20
- 如何提升網(wǎng)站建設(shè)的內(nèi)容質(zhì)量 2016-08-14
- 滾動(dòng)字幕制作手冊(cè) 2016-05-23
- 網(wǎng)頁設(shè)計(jì)趨勢(shì) 2016-08-12
- 網(wǎng)站外鏈搭建的另類兩個(gè)方法 2016-05-22
- 網(wǎng)站優(yōu)化之關(guān)鍵詞的選擇技巧 2016-06-19
- 深圳創(chuàng)建網(wǎng)站如何解決網(wǎng)站速度慢的問題？ 2016-05-23
- 創(chuàng)新網(wǎng)絡(luò)是如何尋找友情鏈接的 2016-05-23
- 網(wǎng)站頭部優(yōu)化和底部優(yōu)化需要注意事項(xiàng) 2016-06-20
- 如何利用騰訊微薄來推廣網(wǎng)站 2016-06-20
- 自己做優(yōu)化能把網(wǎng)站排上去嗎？ 2016-06-19
- 什么因素會(huì)影響網(wǎng)站的排名 2016-06-19
- 新手站長對(duì)網(wǎng)站優(yōu)化產(chǎn)生的一些錯(cuò)誤思想 2016-06-19
- 關(guān)于網(wǎng)站優(yōu)化關(guān)鍵詞設(shè)置的技巧 2016-06-19
- 創(chuàng)新SEO：控制網(wǎng)站被降權(quán)還需給力的因素 2016-06-19
- 關(guān)于建一個(gè)企業(yè)網(wǎng)站要多少錢? 2016-05-22
- 傳統(tǒng)市場營銷與網(wǎng)絡(luò)營銷之間的區(qū)別聯(lián)系 2016-06-19
- 網(wǎng)站優(yōu)化難嗎？想自學(xué)一下 2016-06-19