Image Scaling

📐 工作原理与说明

图片缩放与输出参数计算
目标尺寸由模式决定：按宽/按高/按长边/按百分比/自由
等比缩放：新边 = 基准边 × 原对边 ÷ 原基准边（向下取整）
canvas 重绘：drawImage(原图, 0, 0, 新宽, 高)
插值：高质量双线性平滑或邻近（锐化像素风）
JPEG/WebP 无透明通道，先铺白底再绘制
预览显示缩放 displayScale = min(1, 容器宽/图宽, 440/图高)
面积缩放比例 = (新宽×新高) ÷ (原宽×原高) × 100%
体积变化 = (新文件大小 − 原大小) ÷ 原大小 × 100%
质量参数：JPEG/WebP 0~100 滑杆，PNG 固定无损

Image Scaling: computes and outputs results from the input parameters.

🖼️

点击或拖拽图片到这里

支持 PNG / JPEG / WebP / GIF / BMP，图片仅在本地处理

🔒 隐私安全：所有图片处理均在浏览器本地通过 Canvas 完成，不会上传到任何服务器。

Formula & Standard References

Item	Formula	Source / Standard
Scale factor	New width/original width	scale factor
Uniform scaling	New height = original height × ratio	aspect preserving
Pixel count	Width × height	pixel count

⚠️ 使用说明与注意事项

本工具纯前端运行，图片数据不会离开您的设备
放大图片不会增加真实细节，可能出现模糊或锯齿
JPEG/WebP 格式不支持透明背景，输出时会以白色填充
建议在主流浏览器（Chrome / Safari / Firefox / Edge）中使用
超大图片（如 10000px 以上）可能因内存限制处理缓慢

📚 深度解析：图片缩放（百分比/目标尺寸/质量）

💡 常见使用场景

头像上传限制 500×500，原图太大要缩。

印刷需要大图，想按目标宽高放大并保清晰。

50% 等比缩

2000×1500 图按 50% 缩放，输出 1000×750，JPEG 质量 85，体积从 1.8MB 降到 260KB。

目标宽 1920

原 4000×3000，指定目标宽 1920，等比高 = 1920×3000/4000 = 1440，输出 1920×1440。

❓ 常见问题（FAQ）

等比缩放高怎么算？

新宽/原宽 = 比例，新高 = 原高×同比例。如宽缩到 1/2，高也缩到 1/2。

放大为什么会糊？

放大是插值补像素，没有真实细节；质量选「smooth」算法边缘更柔，但无法凭空变清晰。

Image Scaling

原始图片信息

缩放预览

Formula & Standard References

📚 深度解析：图片缩放（百分比/目标尺寸/质量）

💡 常见使用场景

❓ 常见问题（FAQ）

📝工具简介

✨功能特点

🎯使用场景

图片缩放工具

Image Scaling

原始图片信息

缩放预览

Formula & Standard References

📚 深度解析：图片缩放（百分比/目标尺寸/质量）

💡 常见使用场景

❓ 常见问题（FAQ）

🔗 相关工具

📝工具简介

✨功能特点

🎯使用场景