内容团队浪费在临时图片决策上的时间,比写作还多。一条固定流水线消除了这些决策。
第一步:合法取图
一次性决定图片来源:
- 自己拍摄——法律上最安全,也最有辨识度。
- 购买授权的图库图——把授权、图片 ID 和日期记进一张表格。
- 自由许可图库——许可宽松,但要检查是否仅限编辑用途、是否有可识别人物。
- AI 生成——理解版权限制,并在需要时标注。
绝不要从搜索结果里拿图。一次索赔的成本,超过好几年的图库订阅费。
第二步:固定尺寸
定义你网站需要的尺寸,然后绝不偏离:
- 特色图片:1200 × 630(同时充当社交卡片)。
- 正文配图:宽 1200 像素,高度按需。
- 通栏首屏图:宽 1920 像素。
- 行内截图:按 2 倍捕捉、按 1 倍显示。
有了固定数字,谁都不用再动脑筋,每篇文章的观感也一致。
第三步:先裁剪,再缩放
先按比例裁剪(这样由你决定丢掉什么),再缩放到目标宽度。绝不放大——源图比目标小,就去找更好的源图。
第四步:按预算压缩
用目标体积模式而不是靠猜质量,并把整篇文章的图片一次批量处理完。
第五步:描述性命名
文件名会永久成为 URL 的一部分:
- 好:sourdough-starter-day-3-bubbles.jpg
- 差:IMG_4821.jpg、屏幕截图 2026-07-28 14.22.31.png
小写、连字符、无空格,日期无意义就不要加。
第六步:写 alt 文本
用一句清楚的话描述这张图在这篇文章里的作用。不是"面包的图片",而是"第三天的天然酵种,可见活跃的气泡"。装饰性图片写空的 alt 属性。
第七步:单独检查特色图片
它会以不同裁切出现在三个地方:你的文章列表页、社交预览,可能还有邮件通讯。把主体和任何文字控制在中央 80% 区域内,发布前先预览一下社交卡片。
第八步:发布并验证
- 确认已声明宽高,版面不会跳动。
- 确认首屏图没有被懒加载。
- Lighthouse 每月跑一次即可,不必每篇都跑。
让流程真正落地
- 把流水线写下来,做成一页纸的检查清单,放进 CMS 模板或内容简报里。
- 为每篇文章建立模板文件夹结构:原件、工作稿、导出。
- 按文章批量处理,而不是按图片——一篇文章的所有图片用同一组参数一次过完。
- 原件保存在 CMS 之外。 网站改版会改变所需尺寸,而从原件重新导出胜过把已上传的图放大。
- 每季度检查一次:找出漏网的超大图片、失效的图片,以及显示着过时界面的截图。
一旦成为惯例,整条流水线每篇文章应该在十分钟以内完成——而它带来的一致性,会以一种单点小聪明优化做不到的方式,直观地体现在页面上。