夜雨聆风学习资料网

ARTICLE · 1082992

图片压缩 · 操作文档

图片压缩 · 操作文档

工具入口:小程序首页 → 「图片压缩」包含功能:把一张图片压到指定的目标格式与体积上限(自动先降画质、必要时再缩尺寸)适用版本:功能以线上体验版(v1.3.89)为准


一、功能简介

一句话:把图片压小。你指定输出的格式和不超过多大,工具自动调整画质、必要时缩小分辨率,尽量在「不超过上限」的前提下保住清晰度。

选项
取值
目标格式
JPG
 / WebP / PNG
大小不超过
100KB
 / 200KB / 300KB(默认)/ 1MB

压缩在服务端完成后回传(上传前会先做一次内容合规检测),服务器不留存原图。


二、操作步骤

1. 选择图片

点击「选择图片」,从相册选择或拍照。

图片压缩 · 初始界面

• 单次只处理 1 张;

• 单张上限 40MB,超出会提示「图片过大,上限 40MB」。

2. 设置目标格式与大小上限

选好图后进入设置:上方是图片预览,下方依次是「目标格式」「大小不超过」。

图片压缩 · 设置目标格式与大小上限

• 目标格式:JPG / WebP / PNG,点一下即选中(默认 JPG);

• 大小不超过:100KB / 200KB / 300KB / 1MB,点一下即选中(默认 300KB);

• 下方提示 原始 X · 自动先降画质再缩尺寸,直到达标,X 为你选入图片的真实体积;

• 「开始压缩」开始处理,「重选图片」可换一张。

3. 开始压缩 → 查看结果

点「开始压缩」,等待完成后进入结果页。

图片压缩 · 结果(JPG / 300KB → 84KB,-93%)

结果区自上而下:

行
含义
原始
原图体积
压缩后
压缩后体积 + 压缩比(如 84KB(-93%),负号=变小,正号=反而变大)
分辨率
输出像素尺寸;后面带 (已缩放) 表示为了达标缩小了尺寸
格式
输出格式 + 编码质量(PNG 无质量参数,仅供参照)

• 预览框:单指拖动 / 双指缩放看细节,轻点全屏看大图;

• 保存到相册:把压缩图存进手机相册;

• 再压一张:清空当前结果,回到选图界面。

4. 换个格式或上限(示例:WebP + 100KB)

想让体积更小,可在设置页改选 WebP 并把上限调到 100KB。

图片压缩 · 改用 WebP / 100KB

同样一张图压出来会明显更小:

图片压缩 · WebP 结果(18KB,-98%)


三、选项说明

目标格式怎么选

格式
特点
建议
JPG
通用性最好,照片首选,体积小
不确定时选它
WebP
同画质下体积通常更小
追求「最小体积」选它(微信、主流浏览器均支持)
PNG
无损、支持透明
只适合截图/带透明底的图;压照片效果差——它不能降画质,只能靠缩小尺寸来减体积

大小上限

共 4 档(100KB / 200KB / 300KB / 1MB)。服务端会把上限限制在 10KB ~ 20MB 的合理区间内;上限给小了,工具会更激进地降画质/缩尺寸。


四、压缩策略(为什么有时会变糊 / 变小)

服务端的自动策略,从「尽量少损失」一路加大力度,直到达标:

1. 质量从 90 起步,每轮 −10(最低到 20);

2. 质量降到 20 仍超标 → 整体等比缩小 ×0.8,质量回到 85,继续循环;

3. 一直缩到最小边约 120px 仍超标,就交出当前最优结果。

由此:

• 想更清晰 → 把上限调大(如 300KB 或 1MB),工具就更少降画质、更少缩尺寸;

• 想更小 → 选 WebP + 较小上限;

• 结果里分辨率带 (已缩放)=确实缩了尺寸;不带=只降了画质。


五、手势速查

位置
手势
效果
设置页 · 图片预览
轻点
全屏看原图
结果页 · 预览框
单指拖动
移动画面
结果页 · 预览框
双指捏合
缩放画面(0.5×~8×)
结果页 · 预览框
轻点(未拖动)
全屏看大图

六、注意事项

• 保存失败提示权限:请在手机「设置 → 微信 → 照片」中允许「添加照片」,再回到小程序重试。

• 处理过程中「开始压缩」按钮会置灰显示「压缩中…」,请勿退出页面;大图耗时略长属正常。

• 每次压缩都会做一次内容合规检测,如提示含违规信息则该图无法压缩/保存,请更换图片。

• 想换参数再压同一张图:点「再压一张」会清空已选图片并回到选图界面,需要重新选择该图片(结果页不保留已选的原图)。

• 有损 vs 无损:JPG / WebP 为有损压缩,压得越狠越糊;PNG 无损,但压不动照片。

• 不要「反复压缩」:对已压过的图再压会逐次累积损失,建议始终从原图开始压。

• 压缩比出现 +X%(正号)说明输出反而变大了——通常是原图本就很小又选了较大的上限,换个更小的上限或 WebP 即可。

把图片压小。工具自动调整画质、必要时缩小分辨率,尽量在「不超过上限」的前提下保住清晰度。

相关学习资料