jpeg，png和gif，哦我的！大多數web開發者只了解哪些格式錯誤，通過試驗和長期的經驗。而幾乎沒有人懂得這些格式實際工作。
在這篇文章中，我們會在每個格式的壓縮算法的高層次看，以了解他們不同的策略，讓他們對不同類型的圖像或多或少適當。然后，我們去游覽一些新一代的圖像格式如webp、jpeg-xr。
jpeg
jpeg壓縮圖像雕刻成8×8-pixel-blocks，然后做一些對他們有一點瘋狂，一大堆數學。它把每個塊的像素-列出的r、g、b值，映射到連續空間中的點到一個列表中的系數，用方程描述塊的能量波。在技術方面，jpeg壓縮算法將圖像信息從空間域到頻率域。
實際上，這意味著非常好的jpeg壓縮連續色調的圖像：一個巨大的數量的顏色的圖像，和他們之間的平穩過渡。換句話說，jpeg圖像是假定你要看起來更像一張照片。
相反，jpeg格式是可怕的在壓縮圖像與清晰的邊緣，或高能，嘈雜的紋理會把戒指在鋒利的邊緣和模糊的細節。
深圳專業網站設計制作
gif
在web發展的早期，如果圖像并不jpeg，這是一個gif。
gif格式采用lzw壓縮算法，這是比jpeg的mathemagic更簡單。本質上，lzw算法的掃描你的圖像數據，它重復的部分產生非常短的代碼；lzw縮短重復。這意味著gif格式是好的，有大量相同的或重復的數據圖像壓縮。圖像，只有很少的顏色，大片的，尖之間的轉換可以有效地存儲和無損作為禮物。
即使是一個簡單的格式，gif體育一雙花哨的功能：透明和動畫。
但是…gif是可怕的壓縮甚至中等數量的顏色的東西；哎呀，格式已經烤的，硬的，256種顏色的限制。轉換圖像超過這個數字的顏色到gif結果有損色調分離，這看起來很可怕。
總之，gif和jpeg有相反和互補優勢。他們早期的web是一個殺手的團隊。
但懸而未決的專利問題圍繞著lzw算法啟發一些非常聰明的人在一個網絡的無損圖像格式設計采取第二裂紋。
深圳網頁設計公司
首先，png算法試圖減少數據需要采用像素，它已經知道預言沒有格式具有五種不同的預測策略的存儲量，但基本上，png假定像素下彼此將類似。如果這個假設被證明是正確的，png保存數據只存儲其預測值和實際值之間的差異；小數量占比大的空間更少。
第二，png削減了重復允許圖像參考以前，相同的像素序列（而非兩次相同的數據存儲）使用的算法稱為lz77。如果你瞇眼，png和gif lzw lz77實現相同的目的，但通過裁剪重復有手段的不同足以規避專利律師。每個人都贏！
然后，最后，做完這一切，png使用一種稱為“赫夫曼編碼” 煮剩余價值進一步下跌產生的最常見的值最小的代碼（順便說一句，jpeg格式采用赫夫曼編碼作為最后一步為好）。
結合以上三種（無損）技術提供了巨大的好處，在gif的單一策略。和先進的工具，可以通過改變原始圖像數據的有損就貫穿這個挑戰提供更大的壓縮比，以使其
更加壓縮友好。
退一步，所有你需要知道的是這個：png會說到照片比jpeg更糟，比gif幾乎總是。所以，用它與清晰的邊緣和純色或是重復的圖案大片圖像。
下一代
在本文的寫作過程中，這三個格式jpeg，gif，png圖像格式，是唯一與普遍支持。也就是說，他們是唯一的格式，開發人員可以 實際使用。但新的，尖端的格式已經在這里和他們壯觀。
webp
webp是谷歌的webm視頻格式的一個分支；它的壓縮策略的核心是預測，這是說，它以png格式應用到下一層次的簡單的預測策略。webp有多達十六種不同的預測策略，為每一個（大小可變的）在圖像分塊，并可任選的無損或lossily壓縮殘差預測值和實際值之間。格式的相對復雜性提供了很大的靈活性；它為各種各樣的形象好（圖形，如果你選擇無損的設置，和攝影，如果你去有損），和（通常）比png或jpeg壓縮比。
jpeg-xr
微軟的下一代格式選擇，jpeg-xr層一堆頂上的jpeg壓縮的基本力學的新技術，使無損壓縮
更有效的有損壓縮
alpha通道的半透明度
像webp，jpeg-xr則更為復雜，性能，和更少的支持比它的前輩。現在，格式只支持internet explorer和邊緣。
如何使用格式的明天，今天
有我們使用這些下一代格式，任何方式嗎？有!
新的標記允許開發者在多個格式相同的圖像提供，并讓瀏覽器決定哪一個負載的束。不幸的是，這種標記可以有點復雜：
幸運的是，還有另一條路了。前端工程師可以改變這種復雜的后端，采用智能服務器，可以給不同的用戶，同樣的url不同的資源。


創新幫你做好網站的新鮮度
網站設計中如何更好的把握客戶需求
網站建設中404錯誤頁面正確設置方法
不要讓內向成為阻礙你成功的腳步
金睿網絡教您企業網站404頁面設置的方法
網站首頁設計公司_你懂多少網站建設的重要性
云服務器將成趨勢
哪些功能模塊可以給訪客帶來良好的體驗？