技术博客

营口管网站的,图片压缩到底该怎么选格式

阅读:1

营口一个刚接手企业网站的小姑娘问我,图片格式有JPG、PNG、WebP还有SVG,到底该怎么选。她说网上查了一圈,越看越糊涂,越看越不敢下手。其实没那么复杂,记住一条就够:看图片里装的是什么内容。今天一次讲清楚。

照片类的,用JPG或WebP

产品实拍、车间照片、团队合影,这些一律用JPG。如果网站支持,优先转成WebP,同样画质能小百分之三十到五十。营口这边做海鲜和水果生意的,商品图全是照片。转完之后页面能轻一大半,客人也不用等半天。JPG的画质参数我一般设七十五到八十五,再高肉眼也看不出差别。

要透明背景的,用PNG

Logo、图标、需要抠掉背景的产品图,用PNG才不会在边缘出现白边。不过PNG体积大,如果能接受,转成WebP更好,WebP也支持透明。要注意的是,PNG不适合放照片,一张照片存成PNG能大十倍。这一点,错的人最多。

图标和简单图形,用SVG

这一条被用得太少了。SVG是矢量格式,放大多少倍都不模糊,而且文件特别小,一个图标通常只有几KB。网站的Logo、箭头、简单插画,都应该存成SVG。鲅鱼圈那家做水产的站,换完之后图标清晰多了。营口这边很多网站的图标还是PNG,其实换成SVG更好,改颜色也方便。

怎么批量转换不累死

一个个手动转太慢了。我一般的做法是:图片少的用在线转换工具,一次能拖二十张;图片多的,让做网站的加一个自动转换组件,上传时自动转。老图可以找个周末跑一次批处理,一次搞定,以后就不用管了。花半天时间,省下以后无数次的纠结。

总结

营口管网站的选图片格式,照片用WebP或JPG,要透明的用PNG或WebP,图标用SVG。批量转换用工具或者自动组件,别手动一张张来。你要动手,先挑十张最大的图转一遍试试。转完测一下速度,效果立竿见影。你要是嫌麻烦,就先转五张看看,数字会说话,一看就知道值不值。


点击开启在线咨询