上传以后才发现图片被裁掉、文字看不清、透明背景变白，返工通常比导出本身更花时间。网站会缩放，社交平台会裁切和二次压缩，电商后台还有比例、背景、放大尺寸和文件大小限制。
每批图片都按同一个顺序检查：先看画面，再看格式和尺寸，然后检查元数据，最后到目标平台预览一次。出错时也能很快知道该回到哪一步。
发布前至少检查这五项
发布前回答五个问题：画面有没有裁错，文字能不能读，平台认不认这个格式，文件是不是太大，元数据该留的留了、该删的删了。然后在目标平台预览一次。
先确认平台和图片角色
同一平台上的图片也有不同角色：首页横幅强调裁切安全区，文章图强调阅读宽度，商品主图强调背景与放大细节，缩略图强调小尺寸识别。先记录图片将出现的位置、容器比例、最大显示尺寸和是否允许用户放大。
不要从“这张原图有多大”出发，而要从“用户会在哪里看到它”出发。手机竖屏和桌面宽屏可能使用不同裁切；含文字的海报还要确认平台界面不会覆盖关键信息。
| 发布位置 | 优先检查 | 常见问题 | 建议动作 |
|---|---|---|---|
| 网站文章 | 阅读宽度、加载、替代文本 | 原图过大、CLS、文件名混乱 | 输出响应式尺寸并设置宽高 |
| 社交媒体 | 裁切安全区、文字、平台预览 | 头像或按钮遮挡内容 | 用草稿账号预览实际界面 |
| 电商主图 | 比例、背景、放大细节 | 平台拒收或二次压缩 | 按平台规范导出并上传测试 |
| 邮件与文档 | 兼容、总附件体积 | 新格式不显示 | 优先使用稳定格式并控制尺寸 |
画面和文字检查
先检查裁切、水平线、方向、色彩和污点，再检查文字拼写、字号、对比度与边距。缩略图状态下仍应看得懂主体；放大状态下不应出现明显的过度锐化、马赛克或渐变断层。
需要透明背景的素材应在浅色和深色页面各看一次。商品图还要确认阴影、边缘、品牌色与批次风格一致。多个图片组成轮播时，比例和视觉重心不一致会造成页面跳动。
- 在 100% 比例检查细节，在实际展示尺寸判断整体可读性。
- 在手机上检查文字和安全区，不以桌面缩放预览代替。
- 确认图片中的文字不是唯一的信息来源，页面应提供可访问文本。
格式、尺寸与体积检查
根据内容选择 JPG、PNG、WebP 或 AVIF，并确认平台真正接受该格式。记录像素宽高、文件大小和输出参数，避免同一位置的图片质量忽高忽低。网页中应声明图片宽高或稳定比例，减少加载时布局移动。
体积没有脱离场景的统一上限。首屏大图、文章内图和可放大商品图承担的任务不同。可以把加载速度预算分配到页面中的全部图片，而不是只要求单张图低于某个数字。
- 按目标比例完成裁切，确认最长边满足展示与放大需求。
- 输出候选格式和质量，在视觉合格的前提下选择较小文件。
- 检查文件扩展名、MIME 类型和平台上传后的实际结果。
- 为网页图片准备明确宽高、合理文件名和替代文本。
元数据、版权与交付记录
公开照片应检查方向、拍摄时间、GPS、设备和厂商私有字段。商业交付则要确认作者、版权和描述字段是否符合合同或接收方流程。平台可能删除元数据，所以页面上的可见版权信息仍需单独处理。
保留一个简单的交付记录：源文件位置、输出日期、目标平台、尺寸、格式、质量和审核人。日后平台更改规格或发现错误时，可以快速重建文件，而不是从下载过的压缩图再次加工。
发布前的最后五分钟
把文件上传到草稿，分别用手机与桌面打开；检查裁切、文字、透明边缘和加载；下载或查看平台生成的版本，确认它没有意外旋转或严重压缩；最后再填写替代文本、标题与版权信息。
失败时从哪里排查
上传被拒时先看错误信息，再核对格式、像素、文件大小、文件名和色彩模式。图片显示错误时检查方向标签、透明背景和平台裁切。清晰度不足时确认上传前文件是否已被多次保存，以及平台是否又生成了较小版本。
不要用反复截图解决格式问题。截图会丢失原始像素、元数据和透明度，也会让尺寸不可控。回到源文件重新导出，通常更快，也更容易记录参数。
常见问题
每个平台都要做一套图片吗？
不一定，但不同裁切比例、放大需求或格式限制通常需要独立版本。可以共享同一源文件和参数记录，避免重复编辑。
网页图片文件名会影响体验吗？
清晰稳定的文件名便于维护、缓存排查和内容管理。SEO 价值不应靠堆关键词实现，页面语境和替代文本更重要。
上传后变糊是谁的问题？
可能来自原始尺寸不足、导出质量过低、平台二次压缩或页面拉伸。比较上传前文件与平台生成版本，逐段定位。