flyingghost
2019-04-23 17:31:27 +08:00
要求就是。。。根据场景选择合适的图片格式、尺寸。没有唯一标准，只取决于具体场景下的业务需求+性能需求+价格需求。
png 适合颜色简单、色块边界规则、细节不太丰富的图片。比如界面、文字、icon 等。
jpg 适合颜色丰富、细节丰富的图片。比如照片。
webp 很多指标比 png 还好一些，但毕竟比较新，兼容性不如 png。
以上都是位图。而 svg 是矢量图，适合图片面积不大、颜色简单、边界规则，但需要在各种尺寸下无损缩放的场景。比如界面、icon。
gif 能动，仅此一点天下无敌。
ico 格式专做网站图标，这也是比较独特的。当然现代浏览器已经可以支持其他格式的图标了。
大部分场景最好使用合适的尺寸、合适的 dpi/ppi 的图片。比如列表里只放小尺寸缩略图，详情里只放最大尺寸 1280 的图，原图下载时放高清原图。这只是一个例子，例如如果你做的是桌面壁纸站，那标准就要提高很多很多了。
充分考虑小屏手机、大屏高 dpi 手机、retina 屏等各种物理屏幕场景。
压缩分有损和无损两种。无损意味着原汁原味保留原图每一个像素点的信息，一般可以换格式、同格式下换压缩算法、剔除注释信息、Exif 信息等像素无关信息。有损可以换格式、换压缩算法、缩放等。
总之，这是一个多目的多规则共同权衡的问题。没有唯一解。