IMG.DIY / 基础工具 / 图片压缩

图片压缩

在浏览器里把 JPG、PNG、WebP 变小,同时几乎看不出画质损失。

图片压缩 visual example
隐私优先:任何文件都不会被上传。

从原图到结果,一眼看懂

选择文件、完成处理、下载结果。全部在浏览器本地完成。

图片压缩: 1 · 选择原图
1 · 选择原图
图片压缩: 2 · 调整与处理
2 · 调整与处理
图片压缩: 3 · 下载结果
3 · 下载结果

图片太大会拖慢网页、占满存储。这个工具会按你选定的质量重新编码照片,在保持清晰的前提下缩小体积。整个文件夹拖进来就能一次批量处理。

因为全部在你自己的设备上运算,既没有上传等待,也没有隐私顾虑——文件根本不经过服务器。

使用方法

  1. 添加图片拖入一张或多张,或点击选择。从剪贴板粘贴的截图也可以。
  2. 设置质量拖到合适的位置,80% 是不错的起点。也可以设个最大宽度顺便缩小大图。
  3. 压缩并保存点「全部压缩」,看每行的前后体积对比,挑需要的保存。

在浏览器里压缩图片,文件不上传

这个图片压缩工具会按你选定的质量,对 JPG、PNG、WebP 重新编码,帮你在上传网站、发邮件或提交表单前把图片压缩到更小。全部处理都在浏览器本地完成,图片不会传到任何服务器,网络不好也照样能用。

JPG 和 WebP 用质量滑块控制压缩力度;PNG 则用 256 色量化(基于 UPNG)来减体积,所以 logo、截图、纯色图这类图片压缩效果特别明显。如果压完反而比原图还大,工具会自动保留原图,绝不会让你得到一个更臃肿的文件。

压到指定大小,还能批量处理

很多上传限制是写死的数字:头像小于 100KB、商品图小于 1MB、附件小于 2MB。把质量滑块往下调,盯着输出大小,压到刚好低于限制再导出就行。想把图片压缩到 100KB,通常只要牺牲一点点在屏幕上根本看不出的画质。

你可以一次拖入多张图,用同一套设置批量压缩,再打包成 ZIP 一起下载。还有一个可选的最大宽度缩放,往往是减体积最狠的一招:一张 4000 像素的手机照片缩到 1600 像素宽,还没开始压质量,体积就已经小了一大截。

大家都用它来做什么

网页加载更快 — 把大图和商品图压小,页面打开更快,Core Web Vitals 评分也更好看。

邮件附件发得出去 — 把大照片压到邮箱附件限制以内,不用拆成好几封邮件发。

满足上传大小限制 — 几下滑块就能把证件照或文件照片压到门户要求的 2MB、5MB 以内。

文档截图更轻 — 把又大又重的 PNG 截图压成小文件,用在 wiki、工单、README 里更省事。

批量处理商品图 — 一次压完整个文件夹的商品图,打包成一个 ZIP 拿走。

头像和缩略图 — 把图片压缩到 100KB 以内,用作论坛头像、个人头像和小缩略图。

省手机存储和流量 — 备份或用流量分享前,先把相机照片缩放压缩一下。

二手和分类信息发布 — 在限制总上传大小的帖子里塞进多张照片。

为什么值得在浏览器里压缩图片

图片体积几乎是每个网站、每封邮件、每个共享文件夹背后的隐性成本。手机直出的一张照片动辄六到八兆,一百张放在一起,就变成了漫长的上传、被退回的附件,或者被搜索引擎因为加载慢而降权的页面。常见的做法是把文件丢进某个在线压缩网站,但这意味着把原图交给一台你控制不了的服务器,等待一来一回的传输,还常常在处理几张之后就撞上付费墙。

把压缩放到本地,整个账算法就变了。当处理过程在你自己的浏览器标签页里、用 Canvas 和 WebAssembly 完成时,像素根本不会离开你的设备。没有上传进度条,因为压根不需要上传。对于敏感素材——合同截图、医学影像、还没发布的产品图、家人照片——这一点尤其重要:把副本交给第三方是实实在在的风险,而不是纸面上的假设。同时,工具的响应速度取决于你的 CPU 而非网络,一批放到线上要传几分钟的图,在本地几乎是电脑算多快就多快。

压缩本身也不是走过场。对于 PNG,IMG.DIY 采用 256 色量化——正是让 TinyPNG 出名的那一类技术,能把纯色图、截图、插画在几乎看不出损失的前提下大幅瘦身。对于 JPG 和 WebP,则提供质量滑块,让你在清晰度和体积之间自己权衡,并直接看到结果。每个文件都有一道保护线:如果"压缩"后反而比原图更大,工具会自动保留原图,你永远不会把一张本就精简的图越弄越大。

它有什么不一样

  • 文件留在你的设备上。 全程不上传,整条流水线在浏览器里跑,不会有副本躺在别人的服务器上。
  • 可离线使用。 首次访问后,PWA 和 Service Worker 会缓存应用,飞机上、地下室里、断网时都能继续压缩。
  • 免费、免注册、无水印。 导出的就是你干净的图片——没有角标,没有账号墙,没有次数倒计时。
  • PNG 压缩实打实。 256 色量化正好命中纯色图和截图最受益的场景。
  • JPG/WebP 可控质量。 用滑块精确定位你想要的体积与清晰度的平衡点。
  • 绝不超过原图。 工具拒绝返回比原始文件更大的结果。
  • 批量加打包。 一次拖入多张图片,统一打成一个 ZIP 下载。

IMG.DIY 与其他图片压缩工具对比

TinyPNG、Squoosh、Compressor.io 都是货真价实的好工具,尤其 Squoosh 在浏览器端编解码上是先行者。诚实地说,差别主要在于处理发生在哪里,以及批量怎么处理。

维度 常见在线压缩(TinyPNG、Compressor.io) Squoosh IMG.DIY
隐私 / 上传 文件上传到对方服务器 浏览器内处理,不上传 浏览器内处理,不上传
价格 免费额度有月度/体积限制,再多要付费 免费 免费,无额度无分级
离线 不支持 部分(PWA) 首次访问后完整离线
批量 免费档受限 一次一张 一次多张,ZIP 下载
水印 输出无水印
PNG 技术 强量化(TinyPNG) 手动选编解码器 256 色量化
上手难度 很低 中等(参数较多)

Squoosh 在理念上和我们最接近——同样本地、同样私密——但它围绕"一次精调一张图、细调编解码参数"设计,拿来打磨一张主视觉图很出色,清空整个文件夹则偏慢。TinyPNG 和 Compressor.io 效果优秀、使用简单,但会上传你的文件,并把重度使用挡在限额或订阅之后。如果你想要强压缩、批量吞吐、而且文件永远不离开本机,这三者的组合正是 IMG.DIY 的位置。

为什么选 IMG.DIY

隐私安全

本地处理,绝不上传。

批量处理

几十张一次搞定。

质量自己定

保存前先看能省多少。

零等待

无需上传排队,即点即用。

常见问题

压缩会不会掉画质?
由你决定。80–90% 质量下通常看不出差别,体积却能小很多。想更小就把滑块拉低,想更接近原图就拉高。
有文件大小或数量限制吗?
没有固定上限。超大批量取决于你设备的内存,因为全部在本机运行。
我的图片会被上传吗?
不会。所有处理都在你的浏览器里完成,文件不会离开你的设备。
支持哪些格式?
JPG、PNG、WebP。压缩的同时还能顺便转成别的格式。
PNG 和 JPG 的压缩方式有什么不一样?
JPG 和 WebP 是靠调低滑块上的质量来压缩,属于有损压缩,最适合照片。PNG 是把颜色减到 256 色,对纯色图、图标、截图能省出惊人的体积,同时边缘还很清晰。如果你的 PNG 其实是照片,先转成 JPG 或 WebP 往往能小得多。
为什么压完几乎没变小,甚至没变化?
如果图片本来就压得很好,再用差不多的质量重编码几乎没效果。当工具发现压出来会比原图大时,会故意保留原图,让你不至于更亏。可以把质量滑块再往下拉,或加上最大宽度缩放,减体积会更明显。
怎么压到精确大小,比如 500KB 以内?
把质量滑块往下调,看一下压出来的大小,再上下微调到刚好低于目标。想稳稳压到 100KB 这种紧限制,最靠谱的是把最大宽度调小、质量取中等一起用,因为尺寸对体积的影响比质量更大。
压缩后为什么会模糊?
对 JPG、WebP 来说,质量调得太低会出现画质损失,看起来发糊或有块状。往上调一点质量通常就能解决。如果是因为把最大宽度缩得太小导致的糊,那是尺寸变了,把宽度调大一些即可。
透明 PNG 压缩后会丢透明背景吗?
不会,256 色量化会保留 PNG 的透明通道。alpha 透明信息会保住,logo 和抠图压完仍然是透明的。
一次最多能压多少张?
没有固定上限,实际限制取决于设备内存。所有图片都在你浏览器里处理,如果电脑配置一般,一次压太多高分辨率大图会卡,分小批处理更顺。

相关工具

相关教程