Image Resizer

图片尺寸调整工具可精确地改变图片的宽度和高度。工具将图片加载到 Canvas 画布上，使用 Canvas 2D 绘图上下文的内置图像缩放功能（drawImage 方法）将图片绘制为目标尺寸。支持多种调整模式：按像素值精确设置、按百分比缩放、保持宽高比的等比例缩放、以及批量调整模式。

图片尺寸调整是 Web 开发中不可或缺的操作。为响应式布局生成多尺寸图片（缩略图、中等尺寸、全尺寸）；在上传前压缩图片以减少服务器存储和带宽消耗；为不同设备准备合适尺寸的头像图片；在 CMS 中标准化用户上传图片的尺寸。同时经常与图片压缩结合使用以达到最佳效果。

调整尺寸后的图片可以使用 图片压缩工具 进一步减小文件大小。也可以使用 SVG 转 PNG 工具 来处理矢量图形。

Canvas 使用浏览器的图像缩放引擎，不同浏览器可能使用不同的插值算法。默认使用双线性插值（bilinear），部分浏览器支持设置 imageSmoothingQuality 属性为 "low"（最近邻插值）、"medium"（双线性插值）或 "high"（双三次插值）。对于像素风格图片的放大，关闭平滑（imageSmoothingEnabled = false）可以获得清晰的像素化效果。

缩小图片时 Canvas 会进行下采样（downsampling），这可能导致细节丢失。对于大幅缩小的场景（如从 4000px 缩到 200px），建议分步缩小以获得更好的结果。锐化等后处理需要额外的 Canvas 滤镜操作。

• 质量损失：每次调整尺寸都是有损操作，尤其是反复放大缩小会累积质量损失。建议从原始图片开始每次调整，而不是基于已调整的版本。
• 内存限制：超大图片（如 10000x10000 像素）在 Canvas 中处理时可能超出浏览器内存限制，导致操作失败。
• EXIF 方向：JPEG 图片的 EXIF 方向标记在 Canvas 重绘时可能丢失，导致调整后的图片方向不正确。
• 透明通道：PNG 的 Alpha 透明通道在 Canvas 操作中得到保留，但某些输出格式可能不支持透明。
• 宽高比锁定：拉伸变形可能看起来不专业，建议始终锁定宽高比，除非有意创建变形效果。

在需要快速调整少量图片尺寸、测试不同尺寸的显示效果、或在没有图像处理软件时临时处理图片时使用此工具。对于需要批量处理、服务端调整尺寸或自动化流程的场景，推荐使用专业图像处理库（如 sharp、ImageMagick、Python PIL/Pillow），它们支持更多格式、更高质量的算法和批量处理能力。