功能介绍
图片尺寸调整工具可在线调整图片尺寸,支持按指定宽高调整、按百分比缩放,同时支持自定义裁剪区域,处理完成后可直接下载结果图片,全程在您的浏览器本地运行,无需上传到服务器。
使用方法
- 点击「选择图片」上传需要调整的图片
- 设置目标尺寸:可以直接输入宽度和高度,勾选「锁定宽高比」后会自动保持原始图片的宽高比例
- 也可以通过设置「缩放百分比」自动计算目标尺寸,例如输入50即为缩小到原图的50%大小
- 如果需要裁剪部分区域,可设置裁剪起点坐标(X,Y)和裁剪区域宽高
- 点击「调整图片尺寸」按钮处理图片,预览结果后点击「下载处理后图片」保存
计算原理
工具使用 HTML5 Canvas API 实现图片处理:
- 1. 上传图片后读取原始宽高,计算原始宽高比
- 2. 锁定比例时,修改宽度会自动按比例计算高度,反之亦然
- 3. 处理时先从原图裁剪指定区域,再将裁剪后的区域拉伸/压缩到目标宽高
- 4. 输出为 PNG 格式图片,提供下载链接
注意事项
- 裁剪区域不能超出原始图片的宽度和高度范围
- 大尺寸图片处理受浏览器内存限制,过大尺寸可能会处理失败
- 默认输出为 PNG 格式,保持透明通道支持
- 本工具仅用于图片尺寸调整,处理结果仅供参考,不构成专业设计建议