跳到主要内容

图片规范

网站加载慢,很多时候不是系统慢,而是图片太大。上线前先把首页 Banner、产品图和画廊图压缩好。

推荐标准

图片类型建议
首页 Banner / 轮播图尽量 300KB 以内
产品图建议 800 x 800,尽量 150KB 以内
格式优先 WebP,其次 JPG / PNG
最大宽度一般不要超过 2300px
Logo透明 PNG,宽度建议不超过 350px

压缩工具可以使用:

https://imagestool.com/zh_CN/compress-images

上传前先判断用途

Banner 或轮播图通常比较宽,适合横图。图片太小会糊,太大会拖慢首页。

如果图片上叠加了白色文字,不要随意关闭蒙版。关闭蒙版会让图片更亮,但文字可能看不清。

AllinCMS 轮播图属性面板 - 右侧 Show Image Mask 开关用于控制图片蒙版,影响 Banner 上文字可读性

产品图

产品图优先使用正方形。不同产品比例差异太大时,列表会显得不整齐。

如果产品图被裁掉,去模块属性里把图片显示方式改成 Fit inside。更多处理方法见 图片显示不全

AllinCMS 图片显示方式设置 - 右侧 Media 下拉中选择 Fit inside,用于让产品图完整显示不被裁切

图片 alt

上传到网站后台时,尽量给图片补描述。描述不要写“图片1”,要写清楚图片内容,例如:

Black wireless earbuds with charging case on white background

这对 SEO 和无障碍访问都有帮助。