把手机原图直接丢进网页，常见结果是打开很慢、流量浪费，而屏幕上也就显示那么宽。先按展示需要定尺寸，再谈压缩。
先看会显示多宽
内容区大概 720–800 像素宽时，图的显示宽度很少需要超过这个数。全宽大图可以按 1280 或 1920 最长边准备，再视实际布局调整。
头像、小图标用更小边长即可。缩略图列表不必每张都留 4000 像素宽的原图。
视网膜屏可以略大于 CSS 宽度，例如显示 400 宽时导出 800，但再翻几倍收益很小，体积却涨很快。
实操顺序
单张用「图片缩放」定好宽或最长边；一批素材用「批量缩放」统一规则。
尺寸合适后，再用「图片压缩」把质量调到观感可接受、体积达标。先缩后压，通常比只猛降质量更稳。
照片优先 JPEG 或 WebP；需要透明的 UI 图用 PNG 或 WebP。格式不对时先转换。
检查
在目标页面或手机上预览：糊不糊、是否被布局裁切、加载是否顺畅。
处理在本地浏览器完成，不上传到后台服务器。站点上线前保留一份清晰母图，方便以后改版重导出。