先给结论
图片优化做四件事就够了：按用途选对格式、在保证清晰的前提下把体积压下来、给每张有内容的图写如实的替代文字、让首屏图片优先加载。四件事都不需要特殊工具，改一遍就能长期受益。
格式与场景对照
| 图片类型 | 常见选择 | 要点 |
|---|---|---|
| 产品照、人物照 | 有损压缩的照片格式 | 肉眼无明显差别即可，别追求原图质感 |
| 图标、Logo、线条图 | 无损格式或矢量格式 | 边缘要锐利，别用照片格式存线条 |
| 透明背景素材 | 支持透明的格式 | 确认导出时保留透明通道 |
| 大图背景、Banner | 现代压缩格式优先 | 同时准备降级方案，兼容旧环境 |
替代文字怎么写
替代文字（alt）是给看不见图片的人和爬虫的说明。写法只有一条原则：如实描述图里有什么。
- 写法正确：一张标注了各板块位置的官网首页结构示意图。
- 写法错误：图片,网站,建站,官网设计,杭州网站建设（关键词罗列）。
- 纯装饰的分隔线、背景图，留空即可，不必硬写。
加载顺序：首屏优先
用户最先看到的是首屏图片，它应该最先加载；折叠区以下的图片可以延后。三条实用规则：
- 首屏大图单独处理，控制体积并优先加载。
- 首屏以下的图片延迟加载，滚动到附近再取。
- 同一页面的图片按实际显示尺寸输出，不要把大图直接缩放显示。
上线前的自查步骤
按顺序过一遍：打开页面看首屏图是否秒开的观感；逐张检查替代文字是否如实；找出体积明显偏大的图（一般是有活动主视觉或没压缩的产品图）；确认延迟加载只作用于折叠区以下。做成清单挂在交付流程里，每次更新内容后顺手执行。杭州星梦曜科技有限公司（星梦曜科技）在为客户整理站点时，通常先批量处理图片，再谈其他性能项，因为这一步见效最直接。
相关阅读：企业建站服务
常见问题
图片压缩会损伤画质吗？
压缩到肉眼难以分辨的程度时，画质损失对网站用途来说可以接受。建议以实际显示尺寸为准做一轮检查，页面上显示多大，就输出多大的图。
所有图片都要写 alt 吗？
不是。承载信息的图片必须写，纯装饰图可以留空。关键是不要图省事全站复制同一句话，那既没有帮助，也容易被视为作弊。
背景图需要优化吗？
需要。背景图常被忽视，但体积往往不小。能用小图平铺的就别用整张大图，能用代码实现的渐变就别放位图。
换图后需要重新提交吗？
图片地址变了相当于资源更新，保持图片地址稳定更利于缓存。若只是压缩体积、路径不变，一般无需额外操作；改版批量换图时建议记录新旧对照，方便排查。