shopify图片如何优化？技巧有哪些？

常见问答(FQAS)

为提高页面加载速度,可以对图片大小进行压缩,一般来说建议不要超过100KB。还可以采用无损压缩,比如PNG图片可以用PNGOUT进行优化压缩。

不同格式的图片在不同场景下性能会有差异。比如JPG适用于照片,PNG适用于徽标和图形,SVG适用于可缩放矢量图形。正确设置格式可以提高加载速度并减少图片体积。

可以使用在线图片优化工具对图片进行压缩,比如TinyPNG、Squoosh、Optimizilla等。也可以使用本地软件如 photoshop、GIMP对图片进行无损压缩。压缩时保持图片质量的同时减少大小,一般建议jpg格式图片保持70%质量即可。

在Shopify管理后台的Assets下可以对所有上传的图片进行批量优化,也可以对单个图片进行编辑和优化。优化后图片会自动应用到相应产品gallery和详细页。此外也可以使用裂变等技术加载不同尺寸图片。