在Shopify上传图片前进行优化,不仅能显著提升页面加载速度和移动端体验,还能增强SEO效果。通过ShortPixel图像优化插件预先压缩JPG或PNG格式图片,既可控制文件大小,又能让Shopify自动处理为WebP等现代格式,兼顾清晰度与性能。下文将具体介绍使用ShorPixel插件优化Shopify图片的教程。
一、为什么要在上传到Shopify之前先优化图片
以下是将图片上传到Shopify独立站之前优化图片的原因:
- 更快的存储加载速度
- 更好的移动性能
- 改进SEO改进
- 没有额外的应用费用或麻烦
此外可以控制文件大小和格式,Shopify也会自动提供像WebP这样的现代格式图片,所以与其担心上传后的文件格式,不如先压缩JPG和PNG,剩下的交给Shopify处理。
二、使用ShorPixel插件优化Shopify图片教程
1、准备图像
上传前,确保图片遵循Shopify图片尺寸的最佳要求:
- 产品图片:2048 x 2048px(大多数情况下方形效果最佳)
- 合集图片尺寸:1024 x 1024px
- 幻灯片图片尺寸:1200 x 600px
- 横幅图片尺寸:至少要有1800像素宽
- 推荐产品图片尺寸:最小800 x 800像素
- Favicon 图片:32 x 32 像素
这些Shopify图片尺寸经过优化,以保证清晰度和性能。
2、访问ShortPixel在线图像压缩器
打开ShortPixel插件压缩工具,首先需要调整几个关键设置:
压缩水平:选择最适合自己需求的:
- 有损:最大压缩,轻微质量下降
- 光面:质量和文件大小之间的平衡点
- 无损:无质量损失,压缩极少
调整大小选项:想要缩小图片尺寸吗?只需设置最大宽度和高度,ShortPixel负责其余部分。
保留EXIF:Shopify在上传时会移除所有图片元数据,所以用户也可以在上传前去除这些元数据,要去除EXIF数据,请关闭此选项。

3、上传Shopify图片
点击虚线区域选择图片进行压缩,或者直接拖拽图片到框中。

4、等待图片优化
ShortPixel会自动压缩图片,通常只需几分钟,具体取决于数量和大小。
5、下载压缩图像
所有图片都优化好后,点击红色下载按钮一次性获取所有图片,或者点击每张图片卡上的箭头图标逐个下载。

此时Shopify图片已压缩完毕,可以上传。
6、上传到Shopify
现在直接把优化后的图片上传到Shopify,它们加载更快,画面更清晰,而且再也不用碰Shopify的图片压缩应用了。
额外提示
- 使用描述性的文件名,这样可以提升Shopify SEO效果。
- 保持首页轻松。除非是必要的,否则限制使用大型横幅和幻灯片。
- JPG最适合用来拍产品照片。只有在需要透明背景(比如标志或图标)时才使用PNG。
- 不要跳过替代性文本。它有助于提升无障碍性,提高你出现在谷歌图片中的机会。
- 安装一个懒人加载的插件/应用,让图片在客户滚动时加载,而不是一次性全部加载。
推荐阅读:
