UD5工具箱
基础概念
像素（Pixel）
像素是数字图像的最小组成单位，每个像素携带颜色信息。一张1920x1080的图片包含约207万个像素。缩放操作本质上是改变图片的像素总数，放大时需要通过插值算法生成新像素，缩小时则需要合并或丢弃部分像素。
宽高比（Aspect Ratio）
宽高比是图片宽度与高度的比值，如16:9、4:3、1:1等。保持宽高比缩放意味着宽和高按相同比例变化，图片视觉效果不变。在本工具中，宽高比锁定功能确保缩放过程中图片比例恒定，防止变形。
分辨率（Resolution）
分辨率指图片的像素尺寸，通常以宽x高的形式表示（如3000x2000像素）。分辨率越高，图片包含的像素越多，细节越丰富。缩放操作直接改变图片的分辨率，例如将3000x2000缩放到50%后变为1500x1000像素。
文件大小（File Size）
文件大小是图片文件占用的存储空间，单位通常为KB或MB。缩放到X%后，像素总数变为原来的(X/100)的平方倍，文件大小大致按此比例变化。但实际大小还受图片内容复杂度、压缩算法、元数据等因素影响。
技术术语
插值算法（Interpolation）
插值算法是放大图片时用来生成新像素的数学方法。常见算法包括最近邻（速度快但质量差）、双线性（平衡速度与质量）和双三次（质量最佳但速度较慢）。本工具采用高质量双线性插值，在150%-200%放大范围内效果可接受。
DPI（每英寸点数）
DPI表示每英寸包含的像素数量，主要用于打印输出领域。屏幕显示只关心像素数，DPI值不影响显示效果。但打印时，DPI决定了实际打印尺寸：像素数除以DPI等于打印英寸数。例如1200像素宽的图片以300DPI打印，宽度为4英寸。
有损压缩与无损压缩
JPG使用有损压缩，通过丢弃部分图像信息来减小文件大小，质量参数越低信息丢失越多。PNG使用无损压缩，保留所有像素信息但文件较大。WebP同时支持有损和无损两种模式。在本工具中，选择JPG输出可通过质量参数平衡文件大小与画质。
Canvas API
Canvas是HTML5提供的2D绘图API，本工具利用它在浏览器中进行图片的读取、缩放和导出操作。所有计算在用户设备本地完成，无需服务器参与，这也是本工具能保护用户隐私的技术基础。