有一次我把文章发出去，同事说打开很慢。
我一看，五张插图，每张 2MB 多。
手机在 4G 下打开，图是一张一张往下跳的。
我第一反应是把质量拉到 30%。图是小了，但边缘发糊，文字看不清。
问题不在质量参数，在顺序。
正确的顺序是：先定尺寸，再选格式，最后才调质量。
尺寸没定就压质量，等于在错误的大小上省字节，怎么调都不对。
具体怎么做：三步压到刚好
第一步：按实际显示宽度定尺寸
正文图在手机上最多显示 400 多像素宽，做 900 已经足够两倍屏。
我的正文插图显示宽度最大约 430 像素，封面显示宽度约 400 像素。请告诉我：按两倍屏计算，图片应该做多宽；超过这个宽度还有没有必要；如果原图更大，应该缩到多少再导出。
做到两倍就够。做到四倍，文件大四倍，肉眼看不出来。
如果站点会自动生成缩略图，原图也不要超过两倍太多。多余的像素用不到，只会拖慢上传和备份。
第二步：按内容选格式
我的图有三类：照片、扁平插画、带文字的流程图。请分别告诉我适合的格式和理由，并说明每种格式在体积上的大致差异。不要推荐需要额外插件的格式。
照片用 JPG，线条和文字多的用 PNG。这个规则不新鲜，但很多人一类图用到底。
同一张图，PNG 可能是 JPG 的三到五倍。照片存成 PNG，是体积失控最常见的原因。
第三步：质量从 85 往下试，看体积
不要一次压到底。
请给我一个图片压缩的测试方法：同一张 900 像素宽的图，分别按质量 85、75、65 导出，比较体积和肉眼差异。告诉我应该重点看图的哪些部位来判断有没有压坏。
重点看三处：文字边缘、细线、大面积渐变。这三处先坏，人脸反而不容易看出来。
质量 75 通常是个平衡点：体积比 85 小三四成，肉眼几乎看不出。带文字的图要保守，回到 85。
第四步：同一张图，三版并排看
请告诉我怎么在同一屏幕上并排对比三个压缩版本，要求能放大到 100% 查看细节。再给我一个判断标准：什么情况下可以接受，什么情况下必须回到上一档。
文字出现毛边，就回上一档。照片出现色块，也回上一档。
判断时关掉缩放平滑，放大到百分之百看原始像素。开着平滑，什么图看着都还行。
还有两个坑。一是反复压缩：每次另存都会再损失一次，改十次就糊了。要改就从原图改。
二是截图再截图。很多人用截图工具截一张图，再截一次，分辨率掉得很快。
现在我的正文图，单张在 80 到 150KB 之间。五张图加起来不到 700KB，跟以前一张差不多。
你的文章，第一屏加载要几秒？
本网站的部分内容可能来源于网络或用户投稿，仅供大家学习与参考，如有侵权，请联系客服： hhxmw778 进行删除处理。
本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
教程如引导您添加微信或有另外收费服务，请自行甄别！
如遇充值环节或绑定支付账户或输入支付密码之类的异常步骤，建议停止操作！本站不对操作项目的损失负责！
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现任何资源有问题请向站长举报下架
(手机微信用户建议用默认浏览器打开，可体验完整功能)
按岗位找 AI 实操步骤 · 提示词可收藏