先想清楚图片在页面里承担什么工作：展示产品细节、解释一个后台步骤、提供数据证据，还是补充阅读氛围。不同用途需要不同尺寸与说明，不能把原图统一压缩后直接上传。
上传前先处理尺寸和格式
展示宽度只有 700px 的图片，没有必要上传 4000px 原图。按实际显示尺寸导出，照片通常可以使用 WebP，透明图或需保真细节时再按实际情况选择 PNG 或 SVG。压缩后放大检查关键文字与产品细节是否仍清楚。
- 为首屏图和正文图分别准备尺寸。
- 不要用极小压缩把教程截图变得看不清。
- 保留原始素材，网站只上传网页版本。
文件名与alt写真实内容
文件名和 alt 都应描述图片中实际存在的内容与作用。教程截图可以写“WordPress 固定链接设置页面”，产品图可写型号、材质与可见特征。不要把关键词列表塞进 alt，也不要为纯装饰图片写冗长说明。
- 文件名用小写英文、连字符，方便管理。
- 有信息价值的图片写准确 alt。
- 纯装饰图片应避免制造无意义朗读。
发布后检查图片带来的体验
在手机网络和窄屏下打开页面，检查首屏是否被大图拖慢、图片加载时有没有推开文字、表格或截图能否放大看清。PageSpeed 的建议是线索，最终仍要看真实读者能不能顺畅阅读。
- 给图片保留宽高比例，减少布局跳动。
- 重要操作截图附近写明读者要找什么。
- 不要只依赖图片传达关键结论。
把它用在实际页面上
| 常见问题 | 更好的处理 |
|---|---|
| IMG_2026.webp | wordpress-permalink-settings.webp |
| alt="SEO图片" | alt="WordPress后台的固定链接设置选项" |
| 大原图直接上传 | 按展示尺寸导出并压缩 |
| 截图里有结论，正文没有 | 正文同时写出关键操作和结果 |