在线图片压缩工具:支持 PNG、JPEG、WebP 格式转换,可调节压缩质量和最大宽度。客户端处理,图片不上传服务器。
摘要:免费的图片压缩工具:JPEG/PNG/WebP 互转,质量与宽度预设,体积/宽高前后对比,Canvas 本地处理并剥离 EXIF。
本地工具可在 DevTools → Network 搜索输入内容,通常不会出现在请求中。
下一步
使用指南
图片是网页体积的大头:手机原片动辄数兆,而页面首图通常几百 KB 就够用。本工具在浏览器用 Canvas 压缩——质量与最大宽度预设、JPEG/PNG/WebP 互转、体积与尺寸对比,原图不上传。重编码会去掉多数 EXIF。
1. 压缩一张图
上传或选择图片,选输出格式与质量预设(网页/平衡/高质量),可限制最大宽度,对比前后体积后下载。先对一张代表图调参,再批量处理同类图。
- 选择原图。
- 设定格式、质量与最大宽。
- 对比体积后下载。
2. 格式怎么选
照片用 JPEG 或 WebP 通常更小;需要透明通道用 PNG 或 WebP。PNG 对质量滑杆不敏感,工具会提示。WebP 兼容性已改善,但老旧客户端仍可能吃 JPEG 更稳。
- 照片优先 JPEG/WebP。
- 透明图用 PNG/WebP。
- 老环境留 JPEG 兜底。
3. EXIF 与重编码
Canvas 导出通常剥离拍摄参数与 GPS。这对网页隐私是加分,但若你需要保留相机信息,不要走这条重编码路径,应改用保留元数据的工作流。
4. 质量与宽度
先降宽度再谈质量,常常更划算:显示器用不了的像素只浪费字节。质量滑到肉眼差不明显的最低档,比盲目「高质量」更符合传输场景。
5. 批量与上限
浏览器内存有限,超大图或一次很多张可能卡顿。拆批处理;对已经很小的图再压收益有限,注意不要反复世代损失。
6. 和站内图片工具
先裁切或改尺寸再压缩往往更小;要嵌入页面可再转 Base64/Data URI。WebP/JPEG 互转入口适合格式不兼容时单独处理。
常见问题
不会。重编码走浏览器 Canvas,全程在本机内存里完成,原图与结果都不出设备;工具免费、不限张数、无需注册。
输入端是浏览器能解码的常见格式(JPEG、PNG、WebP 等),输出可选 JPEG、PNG 或 WebP,支持互转(如 PNG→WebP)。选择参考:照片优先 JPEG/WebP,体积更小;需要透明通道用 PNG 或 WebP;WebP 兼容性已改善,但老旧客户端环境留 JPEG 兜底更稳。
质量提供网页 70% / 均衡 80% / 高清 90% 三档预设,宽度有原始 / 1920 / 1280 / 800 预设,也可用滑块与最大宽度自定义。结果区给出体积前后对比、节省字节与宽高。注意 PNG 是无损重编码,质量滑块对它不适用。
不在了。Canvas 重编码只保留像素,拍摄参数、GPS、ICC 等元数据一律剥离——对网页发布是隐私加分,但需要镜头信息或色彩配置的话请先备份原图。另外透明 PNG 转 JPEG 时,透明区域会被填成白色。
先降宽度再压质量通常更划算:显示器用不上的像素只是浪费字节。质量滑到肉眼可接受的最低档,比盲目选「高质量」更符合传输场景。也可以先裁切或改尺寸再压缩,往往更小;要嵌入页面的话,压缩后再转 Base64/Data URI。
浏览器内存有限,超大图或一次处理很多张可能卡顿,建议拆批。对已经很小的图再压收益有限;更要小心世代损失——同一张图反复压缩转存会累积失真,保留一份母版,需要时从母版重新导出。
相关工具
相关文章
在线图片压缩工具:缩小 JPEG、PNG、WebP 体积
学习如何用浏览器本地压缩图片:质量与宽度预设、格式互转、体积前后对比、EXIF 剥离边界,以及网页性能场景下的压缩策略。
图片格式详解:JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质
图片格式选择的实用指南:五种格式各自擅长什么、压缩何时伤画质、透明通道为什么改变一切、浏览器转换的诚实边界,以及格式间转换的保质量规则。全部转换可在浏览器本地完成。
在线 Base64 转图片工具:将编码字符串还原为图片文件
学习如何将 Base64 编码字符串还原为图片文件。了解 Base64 解码原理、常见的 Base64 图片格式,以及在 Web 开发中的实际应用场景。