图片缩放
按像素或百分比缩放图片，可锁定宽高比、开启高质量插值，实时显示原始与目标尺寸并导出后对比体积。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
图片只在浏览器本地缩放，不会上传
放大图片时高质量插值更平滑，但速度略慢。
先选择一张图片
导出后这里会显示输出尺寸、体积与缩放比例。
这个工具能做什么
- 把 4K 摄影图缩成网页用的 1920 px 宽版本，输出前就能看到目标尺寸、缩放比例和导出后的实际体积。
- 按百分比批量思考尺寸：缩到 25% 是多少像素，工具直接给出 1920 × 1080 → 480 × 270。
- 只改一边时自动联动：锁定宽高比后填宽度，高度按原图比例算出来，避免图片被拉变形。
- 上传前的体积检查：目标尺寸和原图一致时会提示「没有变化」，放大会提示会变模糊，避免白折腾。
示例
输入
原图 1920 × 1080，缩放 25%，导出 photo.png
输出
480 × 270 文件名 photo-480x270.png
百分比缩放的公式是宽 × 百分比 / 100 后四舍五入并至少 1 px，所以 1920 × 25% = 480、1080 × 25% = 270。命名规则是「原名去掉扩展名 + -宽x高.扩展名」。真正的重绘与导出依赖浏览器 canvas，无法在命令行离线验证。
常见问题
放大会清晰吗？
不会。放大会等比插值出原本不存在的像素，画面会变软，工具会在目标尺寸大于原图时给出提示。高质量插值只能让放大结果更平滑，无法恢复细节；需要大图请从原始素材重新导出。
「锁定宽高比」什么时候该关？
默认开启，改宽度时高度自动跟着变，图片不会被压扁。只有明确要做拉伸变形（比如把占位图强行拉成某个框）时才关掉它，此时宽高可独立填写。
插值质量怎么选？
三个选项对应 canvas 的 imageSmoothingQuality：高质量（high）在放大和大幅缩小时边缘更平滑但略慢；均衡（medium）是默认折中；快速（low）最快，适合预览或批量草稿。同一张图不同档位的输出体积基本一样，差别在观感。
最大能设多大的尺寸？
单边上限 20000 像素，这是浏览器 canvas 的实用上限，超过后多数设备会直接分配失败。另外即使不超过上限，超大画布也会占用大量内存，处理大图时建议一次只开一个文件。
图片会上传吗？
不会。图片只在本地解码并画到 canvas 上，缩放结果用 toBlob 生成，页面没有任何上传接口，也不保存你的文件。
关键词：图片缩放调整尺寸resize imageimage resizer缩略图宽高比插值canvas resize