文章目錄
- 原因
- 過程
- 相關下載
- 相關文檔
- 后記
原因
頁面上有個特效動畫,PNG文件,APNG格式,13M大小,太占用內容了,要優化一下。
過程
直接上命令吧
ffmpeg -i input.apng -vf "format=rgba" -loop 0 output.webp
轉換后發現loop設置不起作用,動畫只循環一次。
到處找,發現可以用Google的libwebp庫搞定,里面包含查看、轉換、修改元信息等工具,我們需要用到的是webpmux
#設置loop,0為無限循環
webpmux -set loop 0 output.webp -o loop.webp
#查看圖片信息
webpmux -info loop.webp
Canvas size: 1920 x 236
Features present: animation transparency
Background color : 0xFFFFFFFF Loop Count : 0
Number of frames: 214
相關下載
- libwebp-1.5.0-windows-x64.zip
- ffmpeg-release-full.7z
相關文檔
Gogole - 一種適用于網絡的圖片格式
FFmpeg
Builds FFMPEG @ gyan.dev
后記
發現有個工具可以直接提供轉換 /笑哭
iSparta-PNG壓縮與格式轉換工具
PS:我測試沒有成功