图片尺寸调整 - 等比缩放改分辨率（本地处理）

论坛传图限宽 800、聊天发图要缩到长边 1080——本工具在浏览器本地等比缩放图片：「按最长边」适合明确目标（缩到宽 800 以内），「按百分比」适合相对目标（缩成一半），新尺寸实时算出、不变形，改完直接下载，照片不上传。

口径提醒：缩小用平滑插值基本无损观感，放大会模糊（像素不够只能插值补点，支持到 400% 但不建议过度）；本工具只缩放不裁剪，要「正方形头像」「9:16 封面」请先裁剪再来；GIF 动图等特殊格式经画布重编码会转成静态 PNG。

这个工具解决你的问题了吗？

使用步骤

选图，切「按最长边」或「按百分比」。
填目标值，结果区实时显示新宽高与比例。
点「缩放」，下载保存。
要固定比例画面先用裁剪工具，再来缩放。

计算原理与示例

两种缩放口径怎么选

选图后切换「按最长边」或「按百分比」：前者适合「把照片缩到宽 800 以内」这类明确目标，后者适合「缩成一半」这类相对目标。新尺寸在结果区实时给出。

会拉伸变形吗

不会。缩放始终按原始宽高比计算，只允许等比变化；结果区会同时显示缩放比例与最终宽高。

能放大图片吗

可以，百分比支持到 400%。但放大不能凭空补回细节，超过原图分辨率的放大会明显模糊——「先把小图放大再压缩」并不可取。

为什么没有裁剪功能

本工具只做等比缩放，不做裁剪。需要「正方形头像」「9:16 封面」这类固定比例，请先用系统相册或截图工具裁剪，再来这里缩放到目标尺寸。

代码示例

JavaScript 按最长边等比缩放

// 三种口径：按最长边、按宽、按高 —— 都要保持比例，否则图片会变形
async function resize(file, maxEdge) {
  const img = await createImageBitmap(file);
  const scale = Math.min(1, maxEdge / Math.max(img.width, img.height));
  const w = Math.round(img.width * scale);
  const h = Math.round(img.height * scale);
  const canvas = document.createElement('canvas');
  canvas.width = w;
  canvas.height = h;
  const ctx = canvas.getContext('2d');
  ctx.imageSmoothingQuality = 'high';          // 缩小时默认算法偏糊，显式拉高质量
  ctx.drawImage(img, 0, 0, w, h);
  return canvas;
}

Python Pillow 两种缩放口径

from PIL import Image

img = Image.open('photo.jpg')

# 1) thumbnail：原地等比缩小到「不超过给定尺寸」，只缩不放（最省事）
img.thumbnail((800, 800))

# 2) resize：先自己算目标尺寸，可放可缩
w, h = img.size
scale = 800 / max(w, h)
out = img.resize((round(w * scale), round(h * scale)), Image.LANCZOS)
out.save('resized.jpg', quality=90)

常见问题

缩放后的图片画质怎么样？

缩小基本无损观感，浏览器用平滑插值算法重采样；放大会模糊，因为像素不够只能插值补点。要打印的照片不建议缩小后再处理。

照片存在你的服务器上吗？

不存在。图片只在浏览器内存里参与计算，关闭页面就没了，与上传式改图网站的工作方式完全不同。

改尺寸和压缩是一回事吗？

不是。改尺寸改变像素数量（900×600 变 450×300），压缩改变存储效率（尺寸不变、体积变小）。两者常配合使用：先缩到目标尺寸再压缩，效果叠加。

最长边设多少合适？

参考值：聊天分享长边 1080~1280，网页配图 800~1200，头像 200~400，证件照按办事机构的要求来。设 0 表示保持原始尺寸。

为什么输出格式可能和原图不同？

缩放走画布重编码。GIF 动图等特殊格式会被转成静态 PNG 输出；需要保留原格式时，JPG/PNG 源图通常按原格式回写。

手机上好用吗？

好用。整条链路在浏览器里完成，手机相册选图、缩放、下载与其他页面一致；大图建议连 Wi-Fi 之外的电量充足场景操作，避免后台被系统回收。

可以一次改多张吗？

当前版本一次一张，改完换图即可连续处理。批量缩放需求排期中，欢迎在页面反馈里留言告诉我们你的场景。

延伸阅读

图片压缩怎么不损画质：质量、尺寸与格式三个旋钮

来自本站原创文章，讲清这个工具背后的算法与口径。