内容团队浪费在临时图片决策上的时间,比写作还多。一条固定流水线消除了这些决策。

第一步:合法取图

一次性决定图片来源:

  • 自己拍摄——法律上最安全,也最有辨识度。
  • 购买授权的图库图——把授权、图片 ID 和日期记进一张表格。
  • 自由许可图库——许可宽松,但要检查是否仅限编辑用途、是否有可识别人物。
  • AI 生成——理解版权限制,并在需要时标注。

绝不要从搜索结果里拿图。一次索赔的成本,超过好几年的图库订阅费。

第二步:固定尺寸

定义你网站需要的尺寸,然后绝不偏离:

  • 特色图片:1200 × 630(同时充当社交卡片)。
  • 正文配图:宽 1200 像素,高度按需。
  • 通栏首屏图:宽 1920 像素。
  • 行内截图:按 2 倍捕捉、按 1 倍显示。

有了固定数字,谁都不用再动脑筋,每篇文章的观感也一致。

第三步:先裁剪,再缩放

先按比例裁剪(这样由你决定丢掉什么),再缩放到目标宽度。绝不放大——源图比目标小,就去找更好的源图。

第四步:按预算压缩

  • 特色图片:200 KB 以内。
  • 正文配图:60–120 KB。
  • 截图:用 PNG、裁紧;体积成问题时用无损 WebP

用目标体积模式而不是靠猜质量,并把整篇文章的图片一次批量处理完。

第五步:描述性命名

文件名会永久成为 URL 的一部分:

  • 好:sourdough-starter-day-3-bubbles.jpg
  • 差:IMG_4821.jpg、屏幕截图 2026-07-28 14.22.31.png

小写、连字符、无空格,日期无意义就不要加。

第六步:写 alt 文本

用一句清楚的话描述这张图在这篇文章里的作用。不是"面包的图片",而是"第三天的天然酵种,可见活跃的气泡"。装饰性图片写空的 alt 属性。

第七步:单独检查特色图片

它会以不同裁切出现在三个地方:你的文章列表页、社交预览,可能还有邮件通讯。把主体和任何文字控制在中央 80% 区域内,发布前先预览一下社交卡片。

第八步:发布并验证

  • 确认已声明宽高,版面不会跳动。
  • 确认首屏图没有被懒加载。
  • Lighthouse 每月跑一次即可,不必每篇都跑。

让流程真正落地

  • 把流水线写下来,做成一页纸的检查清单,放进 CMS 模板或内容简报里。
  • 为每篇文章建立模板文件夹结构:原件、工作稿、导出。
  • 按文章批量处理,而不是按图片——一篇文章的所有图片用同一组参数一次过完。
  • 原件保存在 CMS 之外。 网站改版会改变所需尺寸,而从原件重新导出胜过把已上传的图放大。
  • 每季度检查一次:找出漏网的超大图片、失效的图片,以及显示着过时界面的截图。

一旦成为惯例,整条流水线每篇文章应该在十分钟以内完成——而它带来的一致性,会以一种单点小聪明优化做不到的方式,直观地体现在页面上。