图片缩放工具

在发布前先缩放图片，是减轻页面重量、满足平台尺寸要求最简单的方法。这个工具在浏览器画布上把图片按新尺寸重绘，并导出为 PNG、JPEG 或 WebP，还用并排对比给出两个版本的确切尺寸和文件大小。它支持精确像素目标、百分比缩放和六个社交媒体预设，同时也能当作快速的格式转换器，因为导出格式就在同一步里选择。

使用方法

1. 添加图片：把 JPEG、PNG 或 WebP 拖到放置区，或点击浏览文件。
2. 选择缩放模式：精确像素，或 1% 到 1000% 的百分比。
3. 可选地挑选预设：从预设下拉菜单选择后，模式会切回像素并自动填入目标框。
4. 设置输出格式（PNG、JPEG 或 WebP），有损格式再拖动质量滑块。
5. 点击缩放并对比，然后把结果下载为 resized-image 加对应扩展名。

缩放模式与宽高比

百分比模式直接按比例缩放两边：一张 4000×3000 的照片在 25% 下变成 1000×750，每边四舍五入到最近像素且不小于 1。像素模式在未锁定宽高比时，会精确输出你输入的宽高，哪怕把图片拉伸变形。锁定后，工具计算 ratio = min(targetWidth ÷ originalWidth, targetHeight ÷ originalHeight)，再用这一个比例乘以原始两边，让图片不失真地适配进目标框。这意味着输出在某一方向上常常小于目标框。

当你明确知道自己想要的倍数时——一半、三分之一，或为视网膜屏做双倍——百分比模式最快，而且会完全忽略像素字段。当平台公布了硬性要求时，像素模式更合适，因为你可以输入精确数字并信任输出。两种模式共用同一条取整规则：每个输出边四舍五入到最近的整数像素，下限为 1，所以 101×101 缩放到 33% 会得到 33×33 而不是小数。锁定时编辑一个像素字段，另一个会实时更新；只有当你确实想要变形时才关掉它。

实操示例

原图	设置	宽高比锁定	结果
4000×3000	25%	不适用	1000×750
4000×3000	1080×1080 预设	开	1080×810（按宽度适配）
4000×3000	1080×1080 预设	关	1080×1080（被拉伸）
800×600	1200×630 预设	开	840×630（按高度放大适配）
1920×1080	1920×1080，50%	不适用	960×540

第三行里宽高比锁定是关闭的，于是 4:3 的照片被压成正方形——通常不是发帖想要的效果。第四行里图片小于目标框，适配进 1200×630 时按受限的高度放大到 840×630。

输出格式对比

格式	透明度	压缩	最适合
PNG	支持	无损，文件较大	截图、logo、锐利图形、需要透明的图片
JPEG	不支持（填白）	有损，质量 1–100	可接受轻微质量损失的普通照片
WebP	支持	有损或无损，通常最小	面向现代网络的照片和图形

WebP 通常能在同等画质下产生最小的文件，且所有当前浏览器都支持，这使它成为网页发布的强力默认值。需要精确像素或 alpha 时用 PNG，需要与老旧软件最大兼容时用 JPEG。

质量、透明度及其他权衡

质量滑块只在 JPEG 和 WebP 下出现，且不影响尺寸。把质量从 90 降到 70 能大幅缩小照片而肉眼几乎看不出变化；降到大约 50 以下通常会在边缘和文字周围引入块状伪影。由于 JPEG 没有 alpha 通道，透明区域在编码前会被涂成白色，所以带透明背景的 logo 应保持 PNG 或 WebP。百分比缩放和像素缩放在放大时都会插值，而缩小到实际显示尺寸，在浏览器按该尺寸渲染后通常至少和原图一样锐利。

一个有用的习惯是把同一张图片导出两次，一次质量 85、一次 60，同时比较预览和显示的文件大小。差距往往在字节上很大、在屏幕上很小，而这正是网页想要做的权衡。要记住缩放和重编码会累积损耗：反复打开并保存 JPEG 每次都会损失一点质量，所以请从原图出发，在一轮里完成所有尺寸和格式决定，而不是之后再编辑输出。

实用技巧

• 缩放到页面实际会显示的最大尺寸，再让压缩器去调质量；在 800 像素的位置放一张 4000 像素的图是浪费带宽。
• 除非确实想要拉伸，否则保持宽高比锁定，并仔细核对预设——「适配进框内」得到的尺寸可能与预设名称暗示的不同。
• 下载前比较显示的文件大小；同一张照片存成 WebP 80 往往只是 PNG 的一小部分。
• 如果出现关于宽度或高度的提示，说明你超过了 10,000 像素上限或输入了小于 1 的值——调低目标再试。
• 面向社交平台时，把预设当作目标框并开启宽高比锁定；某一方向上结果小于目标框，意味着平台接受你的原始比例而不是裁剪它。
• 为响应式网站准备图片时，导出几个固定宽度（例如 640、1280 和 1920），而不是一个让浏览器缩小的巨型文件。

相关工具

• 图片压缩器 — 在缩放前后通过质量压缩进一步减小图片文件大小。
• 图片裁剪工具 — 裁剪、旋转和翻转图片，构图更完美。
• 图片格式转换器 — 在 PNG、JPEG 和 WebP 之间转换图片，无需缩放。
• 网站图标生成器 — 将任意图片生成一整套浏览器网站图标。