关于此图片尺寸调整工具
本工具读取图片文件，按你设置的尺寸绘制到HTML canvas上，再以设定的画质重新编码为JPEG、PNG或WebP。整个过程都在浏览器内通过canvas API完成，原始文件不会发送到服务器。
锁定宽高比后，调整宽度或高度中的一项时会按比例联动，避免图片被拉伸或压扁。画质滑块只影响JPEG和WebP输出；PNG始终是无损格式，画质数值不会影响PNG文件大小。
图片尺寸调整
拖放或选择图片文件，设置新尺寸，下载调整后的图片。
100%本地处理 — 图片在浏览器内通过canvas调整大小，绝不会上传到任何地方。
浏览器里调整图片大小是怎么实现的?
本工具会把图片按目标宽高绘制到 HTML5 的 canvas 元素上,再用 canvas.toDataURL() 把画布内容读出来,生成一张新的编码图片。举例:一张 3000x2000px 的照片设为 50% 比例,会被重新绘制成 1500x1000px,再按你选择的画质重新编码为 JPEG,整个过程都不会离开你的浏览器。
调整并压缩图片的步骤
- 把图片拖进上传区域,或者点击它从设备里选择一个文件。
- 选像素模式可以设定精确的宽度和高度,选百分比模式则按原图比例缩放。
- 保持锁定宽高比开关打开,可以避免图片被拉伸变形;关掉它则能分别设置宽度和高度。
- 选择输出格式(JPEG、PNG 或 WebP);如果选 JPEG 或 WebP,可以拖动画质滑块,在文件大小和视觉效果之间权衡。
- 点"调整大小"生成新图片,预览效果,并直接从浏览器下载。
像素模式和百分比模式的换算关系
新宽度(px) = 原宽度 x (缩放比例% / 100) · 新高度(px) = 原高度 x (缩放比例% / 100)
- 宽高比 = 原宽度 / 原高度,锁定开关打开时这个比例保持不变
- 画质(JPEG/WebP) = 0 到 100 之间的设置,在文件大小和视觉还原度之间权衡;PNG 始终无损,不受这个设置影响
调整大小结果示例
| 原始尺寸 | 设置 | 结果 |
|---|---|---|
| 3000 x 2000 px | 50% | 1500 x 1000 px |
| 1920 x 1080 px | 宽度 800 px(锁定比例) | 800 x 450 px |
| 4000 x 3000 px | 25% | 1000 x 750 px |
| 1200 x 1200 px | 宽度 300 px(锁定比例) | 300 x 300 px |
常见问题
我的图片真的不会被上传到任何地方吗?
没错。整个调整大小和压缩过程都用浏览器内置的 canvas API 完成——文件在本地读取,画到内存里的画布上,再重新编码,全程不发出任何网络请求。你可以在页面加载完之后断开网络来验证,工具依然能正常使用。
为什么把画质调低,PNG 文件还是很大?
画质滑块只对 JPEG 和 WebP 起作用,它们用的是有损压缩,用细节换取更小的文件体积。PNG 用的是无损压缩,每个像素都会被精确保留,所以它的文件大小取决于图片本身的复杂程度,而不是画质设置。
为什么调整大小后图片变模糊或出现锯齿?
把图片放大到超出原始分辨率,需要浏览器通过插值算法"编造"出新的像素数据,这会让细节变模糊;缩小图片通常没问题,但放大幅度明显超过 100% 往往会让画面变得不够清晰。
按像素调整和按百分比调整有什么区别?
像素模式适合需要精确输出尺寸的场合,比如表单或网站要求的特定尺寸;百分比模式则按原图比例缩放,适合只想要一个更小或更大的版本、又不想手动算具体数字的情况。
调整完图片,微信朋友圈或公众号上传会不会还是被压缩?
会。微信等平台上传图片时通常还会按自己的规则再压缩一次,尤其是超过一定尺寸或体积的图片。用本工具先把图片调整到目标尺寸、控制好文件大小(比如控制在 1-2 MB 以内),能减少平台二次压缩带来的画质损失,但完全绕开平台压缩通常做不到。
原始图片非常大时,处理速度可能变慢,或者根据设备情况触及浏览器的内存上限;不同浏览器对 WebP 输出的画质和兼容性可能略有差异;放大比例设得再高,也不会凭空生成原图没有的细节。
隐私与安全
- 在浏览器中计算 — 您输入的内容仅在本机设备上计算，不会发送到 utilduck 服务器。
- 加密连接 — 所有页面均通过 HTTPS 提供，传输过程中无法被读取。
- 不提供给第三方 — 您输入的内容不会传递给分析或广告服务。
- 不保存 — 计算结果不会保存到任何服务器，也无需注册账号。
最后更新: 2026-08-17