JPEG 的兩種渲染方式:Baseline JPEG(標準型)和 Progressive JPEG(漸進式)
2018/11/17
萌芽站長
4,152 2
多媒體 , 網路應用 , 網站技術 , 靜圖處理
JPEG 是一種破壞性圖像格式,藉由破壞性壓縮,在視覺可接受的前提下縮小圖檔大小,減少傳輸圖檔所需要的流量,是網路上非常普及的圖片格式,我們知道,JPEG 其實有兩種渲染方式,這個僅在圖檔載入時候會有不一樣,分別是 Baseline JPEG(標準型)和 Progressive JPEG(漸進式),大多的 JPEG 都是前者標準型。接著我們分別介紹,並提供適合使用該渲染方式的時機,以及如何轉換圖檔的渲染方式。
Baseline JPEG(標準型)
標準型(Baseline)是大多 JEPG 圖檔採用的渲染方式,顯示方式是由上至下載入,所以尚未載入的部分就可能是黑色的(或者預設的背景),如果遇上網速過慢的情況,顯示的過程就會看不到大部分的圖檔。大部分的圖片編輯軟體都是輸出標準型的圖檔,所以如果你需要採用標準型渲染,大多圖片編輯軟體都可以輸出這樣的 JEPG。
✅ 適合使用的情況:網站上的小圖檔、自行保存的任何圖檔。
▲ Baseline JPEG(標準型)載入示意圖。
Progressive JPEG(漸進式)
漸進式(Progressive)是少數 JPEG 圖檔採用的渲染方式,比起標準型較晚發展出來,最主要是改變了載入的方式,會是模糊至清晰的方式載入,網速慢的情況下可以讓使用者先看到圖檔大致的樣子。少部分圖片編輯軟體支援,如:Photoshop,也可以透過線上工具將標準型的圖檔轉換為漸進式的圖檔,如:Jpeg.io、IMG online。
✅ 適合使用的情況:網站上的大圖(如:背景圖片)、社群串流圖(如:聊天室傳輸的圖檔)。
▲ Progressive JPEG(漸進式)載入示意圖。
贊助廣告 ‧ Sponsor advertisements
Google 地圖:台灣雙北、桃園、台中部分地區衛星模式支援 3D 城市模擬
📆 2019-02-15
📁
網路應用, 資訊新聞, GIS/GPS, 世界地理
Pokémon GO 五週年贈送 YouTube Premium 三個月免費試用
📆 2021-07-13
📁
網路應用, 資訊新聞
Apple Music:試用 3 個月後的完整心得!評價:音質表現優異、使用體驗待改善
📆 2020-01-13
📁
多媒體娛樂, 網路應用, 行動平台, 作業系統, 串流媒體, Windows, APP推薦, Android
Node.js:jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇)
📆 2019-09-30
📁
多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
Sqirlz Water Reflections:幫照片加有關水的特效
📆 2014-04-28
📁
軟體介紹, 多媒體, 靜圖處理
Audacity:自由的音訊編輯軟體
📆 2014-04-06
📁
軟體介紹, 多媒體, 音訊處理
Potplayer & SVP:影片即時補幀功能開啟教學、低於60FPS提升至60FPS!
📆 2016-12-18
📁
軟體應用, 多媒體, 影片編輯
oCam 螢幕錄影程式竟然藏有挖礦程式「BRTSvc」!(附解除安裝方式)
📆 2019-04-06
📁
軟體應用, 多媒體, 串流錄製
留言區 / Comments
萌芽論壇