目錄
背景說明
環境準備
靜圖壓縮測驗
靜圖畫質評估
動圖壓縮測驗
總結
背景說明
我最近的關注領域一直是影像處理領域，ImageX 是 火山引擎推出的一款影像處理服務；
對于影像處理服務，一般的APP開發者或者網站開發者其實都不陌生，現在的手機一個用戶拍攝了一張圖片現在基本都在2-10MB左右，如果一個網站或者APP每次打開一張圖片需要加載圖片那可真的是太浪費流量了；
所以對于圖片的image processing的圖片處理特性主要關注的點：
- 影像基本的裁剪能力；
- 影像基本的壓縮能力
- 影像加水印能力
- 增值類的圖片處理能力
首先，準備測驗賬號和測驗網站還有測驗素材；
環境準備
火山引擎的ImageX地址是：https://console.volcengine.cn/imagex/overview/ 我在這里已經實名認證過了，需要實名認證才可以使用；默認勾選了按日流量計費；
從計費模式上看，這個影像處理服務還自帶 CDN+存盤+影像處理的多合體的服務，對于我們的APP開發者或者站長來講真的是簡單不過了；最重要的是每個月免費10GB流量+10GB永久存盤，利國利民，對于我這種測驗一下應該不會收我很多費用
- 測驗素材準備：
總共兩張圖片：分別是靜圖：243 KB 動圖：1.1MB
- 環境準備：
- 首先創建一個圖片服務，我自己系結域名為 imagex.75live.com 并指向對應的cname值，目前看起來這個是為了配置訪問加速用的，每個服務背后提供了存盤服務；
- 我將準備好的素材上傳到上去，
當我點擊上傳地址時，我發現，這個服務 獲取地址的方式原來是這樣：http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.heic
也就是通過三段方式訪問的，圖片地址訪問規則: http(s)://域名/圖片URI~模板配置 ，我想深入研究下，這個模板到底是干嘛的？原來他的處理效果是這樣來選擇的：
靜圖壓縮測驗
| 格式說明 | 原圖地址 （大小對比） | 檔案大小對比 | 圖片格式說明 |
|---|---|---|---|
| jpeg | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg | 243KB | 兼容性最好，支持漸進式加載 |
| HEIC | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.heic | 35.483K | 下一代圖片格式，壓縮率更高，兼容性不太好需要SDK支持 |
| webp | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.webp | 67KB | 對chrome 瀏覽器友好，壓縮率相對較高 |
| png | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.png | 1109.807KB | 無損壓縮，體積最大，可以支持alpha通道 |
| image | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.image | 237KB | 未知 |
| avis | http://imagex.75live.com/tos-cn-i-n9b2vwdhz3/aaeb00635949973062083b65b5b8c364.jpeg~tplv-n9b2vwdhz3-toB.avif | 40KB | AVIF下一代圖片格式，壓縮率較高，圖片格式比較新，對chrome 85+ 系統默認支持， |
靜圖畫質評估
| 圖片格式 | 圖片畫質評估 |
| jpeg
|  |
| heic |  |
| webp |  |
| png |  |
| avif |  |
小結：
1.從靜圖來看，圖片的壓縮率：HEIC >AVIF >webp > jpeg >png ,這里我經過多次測驗發現，avif 和webp偶爾相差不大，猜測可能是格式比較新，還需要很多除錯調優類作業；HEIC的圖片體積最小，能夠顯著節省用戶流量和CDN傳輸的成本，相比jpeg 減少將近8倍；
2.從畫質上看，基本上相差不大，看不出明顯變化；
3.從兼容性上來看，各有千秋，如果使用SDK的話，相差不大，不使用SDK的話，兼容性：png >jpeg >webp >avif> heic.
動圖壓縮測驗
動圖的圖片格式比較少，目前支持 gif、awebp、heif、avis（avif的動圖）
小結：
1.從動圖來看，圖片的壓縮率：avis > heif >awebp > gif , heif和avis的動圖體積顯著降低，能夠顯著節省用戶流量和CDN傳輸的成本，可見下一代圖片編碼方式還是很厲害；
2.從畫質上看，基本上相差不大，看不出明顯變化，所以沒再貼圖；
總結
總結，本期主要是測驗了影像的壓縮能力，ImageX的壓縮能力確實支持的不錯，特別是在先進的影像壓縮比如 heif和AV1編碼的影像格式支持，不過目前官方并未支持AV1編碼的影像，期望ImageX可以做的越來越好，期望新版版的到來；
另外，關于其他能力測驗，會等待合適的時間撰寫，肚子餓了，先去吃點東西……敬請期待吧……
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/248540.html
標籤：AI