随便打开一个老网站的图片目录,通常能看到这样的文件名:产品图最终版.jpg、微信图片_20220315.jpg、未标题-1副本.png。改版时如果不整理,这些会原封不动地搬进新站。
先做一次全量盘点
把现有素材导出,按这几点分类:
- 产品图:按产品线归拢,标清楚哪些是最新的
- 案例与现场照片:注明拍摄时间、项目、客户是否允许公开
- 资质与证书:检查有效期,过期的要重新扫描
- 团队与环境照片:人员变动大的要重拍
- 图标与装饰素材:能矢量化的尽量换成 SVG
盘点时最容易发现的问题是:同一产品有五个版本的图,没人知道哪个是准的。趁改版把这些定了,以后就不会再有人传错图。
建立命名规范
文件名是图片唯一的身份标识,值得认真定:
推荐:product-dust-collector-main.webpcase-2024-steel-plant-01.webpcert-iso9001-2025.pdf避免:产品图最终版.jpg微信图片_20220315.jpgDSC_0231.JPG规则可以简单,但要坚持:小写英文、连字符分隔、包含类别和主体、不加"最终版"这类词。
尺寸与格式统一
新站上线时,顺手把这些标准定下来:
- 格式统一为 WebP:同等清晰度体积小三成左右,主流浏览器都支持
- 按用途定尺寸:首屏大图 1600 像素宽,产品图 800 像素,缩略图 400 像素
- 规定比例:产品图统一 4:3,案例图统一 16:9,避免页面被撑变形
- 单张体积上限:建议 200KB,超过就必须压缩
- 图标用 SVG:放大不模糊,体积还小
顺手做的优化
既然每张图都要过一遍手,把这些一起做了:
- 压缩:用批量工具过一遍,通常能减一半体积
- 补充替代文本:图片内容是什么,写在表格里,录入时用
- 去掉水印和多余留白
- 整理出一套可复用的模板:以后新增产品图按同一套规范拍
其中替代文本最容易被跳过,但它既是无障碍要求,也是搜索理解图片的线索。几百张图在改版时集中写,比事后补要省事得多。
版权要核查
这一点容易被忽略但后果严重:
- 网上下载的图:多数有版权,商业使用有风险
- 客户现场照片:是否获得了公开许可,尤其是带客户 logo 的
- 人物照片:员工肖像是否有授权
- 字体:图片里用的字体也可能涉及商用授权
改版是清理这类隐患的最好时机。有疑问的素材宁可不用,也不要留着冒险。
整理完要定规矩
否则半年后又会回到原样。写一份简单的规范贴在共享盘里:
- 上传到网站前必须压缩,单张不超过 200KB
- 文件名按规范命名,不接受中文和空格
- 产品图统一背景和角度
- 新增素材先放进对应的分类目录
素材整理是改版中最枯燥的活,但做完之后你会发现,新站看起来专业了一大截。
—— 一位整理过上万张产品图的内容运营