电子商务
Shopify 商品图片：比例、源文件和店铺速度
从主题布局开始
商品图片尺寸应符合实际主题的列表、详情和放大布局。统一宽高比及主体留白，避免商品网格高度不一致。高清原图可用于详情和放大，但缩略图应使用较小的交付尺寸。
上传格式与透明度
照片通常可以使用高质量 JPEG，透明素材可使用 PNG。Shopify 的图片交付可能根据请求生成尺寸或格式变体，上传格式与最终交付格式不一定相同。先保留高质量母版。
响应式交付
主题应根据显示宽度请求适当的图片尺寸，并使用响应式图片属性。不要只把巨大原图放进很小的 CSS 容器。检查实际网络请求，确认手机没有下载不必要的桌面大图。
主图、横幅和集合图
首页大横幅、集合封面和商品主图承担不同用途，需要分别裁剪。首屏关键图不宜延迟加载；下方列表图片可以按需加载。设置尺寸或宽高比以避免布局跳动。
店铺检查清单
在手机上查看列表、详情、放大及轮播。核对颜色、材质和文字清晰度，并提供准确的替代文本。压缩前后记录体积和加载表现，避免为减小文件而使商品细节失真。
动手处理文件
保留原始文件，先用一个样本检查结果，再处理其他文件。imgpact 在您的浏览器中处理所选文件；首次加载软件仍需要网络连接。