图片尺寸调整
在线调整图片尺寸,支持按像素或百分比缩放
点击选择图片,或将图片拖拽到这里
支持 JPG、PNG、WebP,单次最多 20 张
尺寸设置
这是什么工具?
图片尺寸调整工具支持按像素或百分比缩放图片,可保持宽高比防止变形。支持批量处理多张图片,可选输出格式。所有图片在浏览器本地使用 Canvas 处理,不上传服务器。适用于调整网站图片尺寸、统一产品图大小、社交媒体图片适配等场景。
如何使用?
- 1 上传需要调整尺寸的图片
- 2 选择按像素或按百分比调整
- 3 设置目标尺寸和是否保持宽高比
- 4 点击「开始调整」然后下载结果
常见问题
图片会上传服务器吗?
不会,尺寸调整在浏览器本地完成。
可以保持宽高比吗?
可以,默认开启保持宽高比,防止图片变形。
放大图片会模糊吗?
放大图片可能会导致模糊,建议使用原始高分辨率图片。
适用场景与示例
- 调整网站 banner、电商主图到规定尺寸(如 800×800)
- 统一一批素材的宽高,方便排版与展示
- 社交媒体头像、封面按平台要求尺寸适配(微信、微博、小红书)
- 缩小手机照片尺寸后再上传,节省流量与空间
输入
一张 4000×3000 的照片
输出
按比例缩到 800×600
💡 默认锁定宽高比,只调一边,另一边自动跟随。
原理与常见错误
浏览器端调整图片尺寸的核心是 Canvas:把原图绘制到 canvas 上时指定目标宽高(drawImage 的目标尺寸参数),再用 toBlob/toDataURL 导出。关键概念是「保持宽高比(aspect ratio)」——只设置一边的尺寸,另一边按原始比例计算,否则图片会被拉伸变形。缩小(降采样)通常画质良好;但放大是把少量像素插值到更多像素,必然模糊,无法无中生有补出细节,因此放大应尽量使用原始高分辨率图。导出时还可选择格式和 quality,在尺寸与画质间取舍。所有处理在浏览器本地用 Canvas 完成,图片不上传。
⚠️ 只改了一边尺寸,图片变形
开启「保持宽高比」,只设一边尺寸,另一边自动按比例计算。
⚠️ 放大后很模糊
放大是插值,无法补出细节;改用更高分辨率的原图。
⚠️ 尺寸调了但体积没变小
只改显示尺寸不够,还要降低 quality 或换 WebP 才能减小体积。
⚠️ 批量处理很慢
分辨率越高越慢,分批处理或先缩小再处理。
参考与更新
最后更新:2026-06-29