先缩到合理的发布尺寸

如果网站最终只按两三千像素展示，就没有必要把一万像素宽的工作原图直接上传。先另存一个发布版，再调整尺寸；工作原图继续保留，不要覆盖。

线稿、透明背景和照片式插画，格式不同

需要透明背景时可以考虑 PNG 或支持透明的 WebP；颜色连续、纹理很多的完整插画通常更适合 JPEG/WebP 这类有损压缩。MDN 的格式说明也强调，不同格式在透明度和压缩方式上各有特点。

压缩后要看细节，不只看文件大小

重点检查眼睛、发丝、文字、线稿边缘和大面积渐变。如果出现明显色块、蚊噪或边缘糊掉，就说明压得太狠。

社交平台还会二次压缩

自己导出得过小，平台再压一次会更糟。比较稳妥的做法是先保留一份高质量发布版，再针对不同平台另存副本。

原图永远不要拿来试压缩

把“工程文件 / 高质量导出 / 平台上传版”分三层保存。这样即使某次参数没调好，也可以重新导出，而不是从已经损失细节的图片继续压。

文件体积异常大时先排查“内容”

有时不是编码格式的问题，而是画布里有大量透明区域、图片尺寸远超展示需要，或者导出时保留了不需要的元数据。先解决这些，再调压缩质量，通常能在几乎不影响画面的情况下先减掉一大块体积。

准备网页发布时可同时检查PNG 和 JPG的适用条件，避免用有损压缩覆盖原始工程。

用一张样图决定参数

选一张同时包含细线、渐变和大片纯色的插画，在目标显示尺寸下比较压缩前后。重点放大查看文字边缘、发丝、网点和透明边缘；如果只是把大原图缩到手机屏幕宽度，先做尺寸缩放往往比一味压低质量参数有效。

保存原始工程和无损母版，再输出平台发布版。需要透明背景时确认格式支持透明度，避免白底意外混入；还要用目标浏览器实际打开导出文件确认没有异常。