图片处理实用指南

准备发布图片包:核对裁切、文字与二维码

一个小项目需要商品图、报名照片以及带码印刷单。分别写清输出要求;预览好看仍可能裁切错误或码不可读。

摄影灯光下放在木质台座上的商品瓶子
配图:Sofia Lasheva · Unsplash License

本次修订:新增宽屏转方图的裁切推导、规格交付清单与二维码最终介质检查,区分像素质量、内容质量和码可读性。

先把问题解决

保留可编辑主文件,列出各输出的尺寸、背景、文字和用途。 先导出一个变体,以实际查看或印刷尺寸检查。 从最终导出或印刷品扫描码,确认跳转地址或数值。

先规划输入与核查

  1. 保留可编辑主文件,列出各输出的尺寸、背景、文字和用途。
  2. 先导出一个变体,以实际查看或印刷尺寸检查。
  3. 从最终导出或印刷品扫描码,确认跳转地址或数值。

按步骤选择具体操作

  • 检查相似图片分组: 选择保留项前比较完整图片;感知相似只是建议,可能把合理的不同角度放在一组。
  • 制作商品图片: 在对比背景上检查抠图边缘,再按真实用途检查裁切与模板输出。
  • 准备报名证件照: 按接收方当前规则输入尺寸与背景,核对人脸裁切、可见水印及最终体积;不要假定会获官方接受。
  • 制作封面与图文变体: 把关键信息保持在各宽高比的安全区域,检查可编辑文案并重新打开下载变体。
  • 编辑 SVG 素材: 导出前检查视口、文字与可见形状,另行核查外部资源或不受支持特性。
  • 制作视觉素材: 按信息选择模板,检查对齐、裁断与实际导出尺寸。
  • 起草标题与标签: 采用已核实商品事实并编辑生成变体,不因工具建议就发布无依据宣称或不相关标签。
  • 生成基础二维码: 编码最终确认地址,留出清晰边界,并从实际输出测试扫描。
  • 美化二维码: 更改颜色或加入设计元素后,以预期尺寸扫描最终文件;美化可能降低可读性。
  • 生成 CODE128 条形码: 用目标扫描器与要求尺寸核对编码值;CODE128 图形不自动成为零售平台签发的商品标识。

对照一个编辑示例

把验收条件写清楚

未经核查的捷径

美化二维码在编辑器大图中能扫,实际小尺寸印刷品却未测试。

可核对的流程

最终 PDF 按预期尺寸印刷,用目标设备扫描并核对已确认的跳转地址。

此构造示例用于解释流程,不是真实用户测试记录,也不保证所有输入均有相同结果。

横图转方图,消失的可能正是商品边缘

自编构图示例把 1600×900 横图居中裁成正方形,保留中间 900×900;左右各去掉 (1600−900)÷2=350 像素。如果商品包装的右边缘位于 x=1500,裁切右边界 x=1250 就会切掉它。先检查主体边界,再决定居中裁、重新构图还是留白,不应直接批量套同一个裁切。

这里的尺寸推导用于解释普通居中裁切,并不是声称所有模板都按该坐标处理。图文工作台会在各尺寸的封面区域居中铺满并裁切,正文还可能分页,所以同一段文案导出 1080×1440 与 1920×1080 后应分别检查页数、标题换行和主体完整度。不能只看第一张竖版就验收整包。

自编几何样例:1600×900 居中裁方
区域原图坐标结果
保留区域x=350 至 1250;y=0 至 900900×900
左侧裁掉x=0 至 350此处文字或主体不会保留
右侧裁掉x=1250 至 1600x=1500 的包装边缘被切掉

给每个输出一条规格,不用“高清”代替要求

自编发布清单可写成:商品详情图 1600×1600 PNG、社交封面 1920×1080 PNG、印刷引导页使用最终排版文件。每项另外注明背景、是否允许裁商品、必留文字与发布位置。“清楚”“高清”无法告诉操作者是宽度不够、字太小,还是文案未经核实。报名照片则以接收方当前规则为准,不沿用商品图规格。

解压后检查实际文件像素、命名和顺序;长文卡片的第二页以后也要打开。相似图分组只是候选建议,侧面、正面与新包装版本可能都需要保留。保留可编辑源稿与导出包之间的对应关系,改价或修字时回到正确版本,不在一张已经压缩的成品图上反复覆盖。

码可扫描与页面可信,是两次不同检查

先确认最终 URL,例如活动日期变更后不能仍编码旧报名页。把生成的码放进最终排版,再从导出的图片、PDF 或实际印刷样张扫描。分别检查能否识别、识别出的地址是否准确、打开后是否是预期页面;扫码成功不代表链接跳转后的内容仍有效。美化二维码工具改色或加设计后,应重新做这三个检查。

不要从编辑器放大的码反推小尺寸印刷品也能读。检查周围清晰空白边界、对比度、缩放与裁切,尤其避免把装饰或包装折线挤进码区。交付说明里保留可见文字网址或用途说明,方便失败时手动访问。条形码则用实际接收方的扫描流程核对编码值;生成 CODE128 图形不能替代其商品编码分配规则。

检查最终结果并保留依据

W3C 说明图片替代文本取决于用途;在网页发布素材时,应为信息或功能提供有意义的文字。

商品背景应整体检查,不能只看角落。 栅格化时检查 SVG 视口与最终像素尺寸。

验收检查

  • 每张图片符合各自裁切、像素与背景要求。
  • 宣称与图中文字符合已核实来源事实。
  • 码已从实际最终输出进行测试。

常见问题

白色角落证明整个背景是白色吗?

不能,应检查整个背景与商品边缘。

相似图片都能删掉吗?

不能,不同角度、裁切或版本可能有明确用途,应逐项选择保留。

二维码预览能证明印刷后可读吗?

不能,应使用最终印刷或导出素材测试对比度、边界与实际尺寸。

参考资料与延伸阅读

按步骤开始处理

进入对应工具,预览处理结果,检查导出的文件。

这个主题的后续文章

沿着同一主题,继续阅读引用了本文的新文章。

继续阅读