Image Resizer 图片尺寸调整工具
Image Resizer 允许你直接在浏览器中调整图片尺寸，支持按百分比缩放或自定义宽高设置，无需上传文件，保护隐私。
Image Resizer 是一款基于浏览器运行的图片尺寸调整工具，利用 OffscreenCanvas 和 createImageBitmap() 实现高效的客户端图像处理。该工具支持最大50MB的JPG、PNG、WebP、BMP和GIF格式图片，输出JPEG格式时质量为92%。所有操作均在本地完成，无需上传，确保用户图片隐私安全。你还可以结合使用 resize-image 与 crop-image、rotate-image 等工具，实现更灵活的图片编辑。
如何使用 Image Resizer
- 打开工具并选择要调整尺寸的图片，支持JPG、PNG、WebP、BMP和GIF格式，最大支持50MB。
- 选择调整模式：百分比缩放（1%到500%）或者自定义宽度和高度，可选保持宽高比例。
- 点击“调整尺寸”按钮，利用浏览器内置的
ctx.drawImage(bitmap, 0, 0, newW, newH)方法实现图像缩放。 - 调整完成后，选择输出格式JPEG（质量92%）或PNG，点击下载保存图片。
工作原理解析
Image Resizer 基于现代浏览器的 OffscreenCanvas 和 createImageBitmap() API，在客户端完成图像处理。通过 ctx.drawImage() 方法，使用浏览器内置的双线性或三次插值算法，实现高质量图像缩放。此方法既保证了缩小图片时的清晰度，也避免了像素失真。
工具支持两种调整模式：百分比模式根据用户输入的比例对原始宽高进行乘法运算，自定义模式允许直接输入想要的宽度和高度，并可锁定宽高比避免变形。输出图片格式保持输入格式或转换为JPEG，JPEG压缩质量固定为92%，在保证文件大小和视觉效果间取得平衡。
示例
输入图片: 4000x3000像素，JPG格式，大小约4MB
调整模式: 百分比 50%
输出结果: 2000x1500像素，JPG格式，大小约1.1MB
输入图片: 800x600像素，PNG格式
调整模式: 自定义尺寸 400x300，保持宽高比
输出结果: 400x300像素，PNG格式，文件大小约400KB适用场景
- 开发者需要快速调整网页图片尺寸，以提高页面加载速度并保持图像质量。
- 设计师在本地预览图像缩放效果，无需安装专业软件。
- SEO专家优化图片体积和分辨率，提升搜索引擎排名和用户体验。
- 学生或内容创作者调整图片大小，适配社交媒体或博客发布要求。
你还可以配合使用 crop-image 进行裁剪，或用 rotate-image 旋转图片，扩展图片编辑功能。
常见问题
Image Resizer 支持哪些图片格式？
该工具支持JPG、PNG、WebP、BMP和GIF格式图片。最大支持的输入文件大小为50MB，确保大多数常用格式和尺寸都能处理。
调整尺寸时如何保证图片质量？
工具利用浏览器内置的双线性或三次插值算法，通过 ctx.drawImage() 方法进行缩放，能在缩小时有效减少锯齿和模糊，保持较高的图像清晰度。
为什么说这个工具保护隐私？
所有图片处理均在客户端浏览器中完成，没有上传或存储到服务器，确保用户图片数据不会泄露，符合数据隐私保护要求。
输出图片能选择格式和质量吗？
支持输出JPEG或PNG格式。JPEG格式默认采用92%的压缩质量，兼顾文件大小和视觉效果，PNG格式则保持无损压缩，适合需要透明背景的图片。
如何保持图片宽高比例不变？
在自定义尺寸模式下，可以勾选锁定宽高比选项，工具会自动根据输入的宽度或高度计算另一个维度，防止图片变形。