图片规范
网站加载慢,很多时候不是系统慢,而是图片太大。上线前先把首页 Banner、产品图和画廊图压缩好。
推荐标准
| 图片类型 | 建议 |
|---|---|
| 首页 Banner / 轮播图 | 尽量 300KB 以内 |
| 产品图 | 建议 800 x 800,尽量 150KB 以内 |
| 格式 | 优先 WebP,其次 JPG / PNG |
| 最大宽度 | 一般不要超过 2300px |
| Logo | 透明 PNG,宽度建议不超过 350px |
压缩工具可以使用:
https://imagestool.com/zh_CN/compress-images
上传前先判断用途
Banner 图片
Banner 或轮播图通常比较宽,适合横图。图片太小会糊,太大会拖慢首页。
如果图片上叠加了白色文字,不要随意关闭蒙版。关闭蒙版会让图片更亮,但文字可能看不清。

产品图
产品图优先使用正方形。不同产品比例差异太大时,列表会显得不整齐。
如果产品图被裁掉,去模块属性里把图片显示方式改成 Fit inside。更多处理方法见 图片显示不全。

图片 alt
上传到网站后台时,尽量给图片补描述。描述不要写“图片1”,要写清楚图片内容,例如:
Black wireless earbuds with charging case on white background
这对 SEO 和无障碍访问都有帮助。