格式与原理
在 JPG、PNG、WebP、AVIF 之间如何选择,以及它们背后的色彩与分辨率原理。
几乎所有图片问题,一开始都是格式问题。照片存成 PNG 会比需要的体积大五倍;logo 存成 JPG 会丢掉透明背景;截图存成 JPEG 会把文字压成一团糊。先把格式选对,后面的多数决定都会变简单。
这组文章讲清每种主流格式真正擅长什么、现代格式(WebP、AVIF、JPEG XL)与经典格式的对比,以及解释这些差异从何而来的底层概念——色深、色彩空间、宽高比、分辨率。如果你是在为某个具体任务选格式,从格式对比类文章开始;如果想理解底层机制,从色彩与分辨率那几篇入手。
本分类文章
22- PNG vs JPG:PNG和JPG有什么区别,工作和网页中应该如何选择?
- 了解 WebP 格式:为什么它是提升 Google 网页访问速度的首选?
- SVG vs 位图:矢量图与位图有什么区别,应该如何选择?
- AVIF vs WebP:下一代网页高清图片格式终极对决,谁赢了?
- 图片色深全解密:为什么大片网页渐变背景会出现“斑马线”断层?
- 图片色彩空间转换:为什么刚导出的产品图发到手机上颜色变淡、甚至偏色?
- RGB 与 CMYK:网页色 vs 印刷色
- PNG-8、PNG-24、PNG-32 区别
- 动图对比:GIF、APNG、动态 WebP
- 色彩配置:sRGB vs Adobe RGB vs P3
- 透明背景:PNG vs WebP vs SVG
- Logo 用什么格式最好
- 截图用 PNG 还是 JPG
- TIFF 格式:什么时候该用
- 什么是抗锯齿?
- 什么是 RAW 原始图片?
- 如何优化 SVG 文件
- 什么是 JPEG XL?
- HEIC vs JPG:iPhone 用户该知道的差别
- background-image 与 img 标签
- 雪碧图、图标字体与 SVG
- 内联 SVG 与 img 引用 SVG