FormLab

图片压缩与缩放

浏览器 Canvas 压缩 · JPEG / WebP / PNG 互转 · 尺寸缩放 · 前 / 后对比。

拖拽图片到这里，或点击选择

支持 JPEG / PNG / WebP，最大 20 MB

—
原始 —
压缩后 —

它能解决什么问题

网站 / 博客 / 电商常常需要压缩图片。本工具做得比简单压缩更贴心：

使用技巧

  • JPEG 质量 75-85 是人眼几乎看不出差异的甜点。
  • WebP 比 JPEG 小 25-35%，但 Safari < 14、IE 不支持。面向现代浏览器选 WebP 准没错。
  • PNG 压缩：本工具的 PNG 输出其实不真正"无损压缩"，只是 Canvas 重新编码。如果你需要极致压缩，请用专业工具如 ImageOptim、PNGGauntlet。
  • 大尺寸限制：超过 4096×4096 像素浏览器可能内存不足。
  • 透明背景：JPEG 不支持透明，需要 PNG 或 WebP。

相关工具

Base64
图片转 base64 嵌入
宽高比
保持比例缩放
OG
社交分享图

常见问题 FAQ

用「图片压缩与缩放」时最容易踩的坑是什么？
常见的易错点集中在四处：一是把百分数和小数混着填，比如 20 填成了 0.2；二是漏填选填项后直接按默认值算，得到一个看起来正常但不是你想要的数；三是中途改了其中一个输入却忘了重新计算，页面上还留着上一轮的旧结果；四是把页面上写的「参考值」当成了「准确值」往对外的材料里搬。改完任何一项输入，都重新点一次计算按钮再读结果。
「图片压缩与缩放」的适用边界在哪里？
浏览器本地图片压缩，JPEG / WebP / PNG 格式互转，尺寸调整，前 / 后对比。 换句话说，它解决的是「按你给的条件做一次快速估算」这一类问题，不适用于需要查权威数据、核对官方文件，或者要逐条审合同、做专业判断的场景。凡是结果会直接影响到花钱、签约、对外承诺的事情，都应该回到原始资料和官方口径再确认一次，把这里的输出当作中间的一步，而不是终点。
「图片压缩与缩放」的结果应该怎么看？
先看最后给出的那个数值，再回到这一段解释里对照：浏览器本地图片压缩，JPEG / WebP / PNG 格式互转，尺寸调整，前 / 后对比。 看的时候把「数值本身」和「数值成立的前提」分开看，前者是你填进去的东西算出来的，后者决定了它在什么情况下才算数。数值变大或变小分别代表什么，页面在这一节里已经写清楚了。
拿到「图片压缩与缩放」的结果后可以直接照着做吗？
把它当成做决定前的一份对照材料，比当成答案更稳妥：浏览器本地图片压缩，JPEG / WebP / PNG 格式互转，尺寸调整，前 / 后对比。 这一页给出的是在当前输入下算出来的一个量级，它并不包含你的实际执行成本、突发情况和对方可能的变化。真正落地之前，再把结果和实际条件对一遍，看看哪些假设在现实里不成立。
图片压缩与缩放需要填写哪些信息？
「图片压缩与缩放」一共用到 4 个输入项：输出格式、质量: 85 %、宽度（像素）、高度（像素，留空等比）。这些字段在页面上是按计算顺序排下来的，前面的输入会直接影响后面的结果，所以不要跳过看不懂的那一栏。建议先把每个数字的单位口径对齐再动手填，单位不统一是这类计算里最常见、也最容易被忽略的错误来源。
开始用「图片压缩与缩放」之前需要先确认什么？
建议先确认三件事：一是你要解决的问题，是不是正好落在它的适用范围里，别拿一个相邻的工具硬套；二是手上每个数字的统计口径和时间点是否一致，比如同一年里有的按月、有的按年，直接混用会让结果失真；三是算完之后有没有留出复核的余地，比如把关键输入记下来，方便回看时知道当时用的是哪一组数。
谁适合用「图片压缩与缩放」，谁不适合？
适合的是手上已经有明确数字、需要快速得到一个量级参考的人，比如在做预算草案、给同事对齐口径、或者上课前先估算一遍的人。不适合的是想把结果当精确值直接对外承诺的人，也是不适合连输入项口径都还没定下来就开始算的情况——这种情况下先花几分钟把口径理清，比算完之后再来回改数字省事得多。
「图片压缩与缩放」怎么用才不容易算错？
按页面「使用说明」那一段的顺序来：浏览器本地图片压缩，JPEG / WebP / PNG 格式互转，尺寸调整，前 / 后对比。 使用方法的关键在于「顺序」和「口径」两件事：先按顺序把需要的量准备好，再确认每一项的单位和你要解决的问题一致。这两点做到了，基本不会算错；漏掉任何一点，结果都会整体偏掉。
「图片压缩与缩放」和手工心算相比，差在哪里？
手工估算通常只抓最大的那一两项，其余的按经验带过去；这个页面会把你给的每一项都算进去，再把中间量一并显示出来，所以结果更贴近你实际的输入组合。差异主要来自那些被忽略的小项，而不是来自算式本身——这也是为什么把输入填完整比选哪种算法更影响结果。