UPTools UPTools

图片尺寸调整

在线调整图片尺寸,支持按像素或百分比缩放

本工具在浏览器本地运行,不会上传你的数据,保护你的隐私安全。

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

支持 JPG、PNG、WebP,单次最多 20

尺寸设置

这是什么工具?

图片尺寸调整工具支持按像素或百分比缩放图片,可保持宽高比防止变形。支持批量处理多张图片,可选输出格式。所有图片在浏览器本地使用 Canvas 处理,不上传服务器。适用于调整网站图片尺寸、统一产品图大小、社交媒体图片适配等场景。

如何使用?

  1. 1 上传需要调整尺寸的图片
  2. 2 选择按像素或按百分比调整
  3. 3 设置目标尺寸和是否保持宽高比
  4. 4 点击「开始调整」然后下载结果

常见问题

图片会上传服务器吗?

不会,尺寸调整在浏览器本地完成。

可以保持宽高比吗?

可以,默认开启保持宽高比,防止图片变形。

放大图片会模糊吗?

放大图片可能会导致模糊,建议使用原始高分辨率图片。

适用场景与示例

  • 调整网站 banner、电商主图到规定尺寸(如 800×800)
  • 统一一批素材的宽高,方便排版与展示
  • 社交媒体头像、封面按平台要求尺寸适配(微信、微博、小红书)
  • 缩小手机照片尺寸后再上传,节省流量与空间

输入

一张 4000×3000 的照片

输出

按比例缩到 800×600

💡 默认锁定宽高比,只调一边,另一边自动跟随。

原理与常见错误

浏览器端调整图片尺寸的核心是 Canvas:把原图绘制到 canvas 上时指定目标宽高(drawImage 的目标尺寸参数),再用 toBlob/toDataURL 导出。关键概念是「保持宽高比(aspect ratio)」——只设置一边的尺寸,另一边按原始比例计算,否则图片会被拉伸变形。缩小(降采样)通常画质良好;但放大是把少量像素插值到更多像素,必然模糊,无法无中生有补出细节,因此放大应尽量使用原始高分辨率图。导出时还可选择格式和 quality,在尺寸与画质间取舍。所有处理在浏览器本地用 Canvas 完成,图片不上传。

⚠️ 只改了一边尺寸,图片变形

开启「保持宽高比」,只设一边尺寸,另一边自动按比例计算。

⚠️ 放大后很模糊

放大是插值,无法补出细节;改用更高分辨率的原图。

⚠️ 尺寸调了但体积没变小

只改显示尺寸不够,还要降低 quality 或换 WebP 才能减小体积。

⚠️ 批量处理很慢

分辨率越高越慢,分批处理或先缩小再处理。

参考与更新

最后更新:2026-06-29

相关工具