2021/08/25
Format Comparison
GIF vs SVG vs APNG vs WebM vs WebP vs MP4
Here is some samples about a same animation but in different formats.
TL;DR
Quality: SVG > APNG = WebP >~ WebM > GIF > MP4
Size: MP4 > SVG > WebM > WebP >> GIF >> APNG
Suggestion: SVG > WebM = WebP > APNG > MP4 > GIF ( regardless of compatibility )
MP4 / WebM may provide better quality when larger input image size. Note MP4 is smaller than SVG in this example.
SVG 270K, Best Quality, Best Size
APNG 23MB, Great Quality, Worst Size
GIF 8MB, Poor Quality, Poor Size
WebP 4MB, Great Quality, Poor Size
WebM 1.7MB, Good Quality, Good Size
MP4 248KB, Poor Quality, Best Size
/ 見聞科技有限公司 VAT No. 52518929