图片裁剪与尺寸调整

数字图像是像素网格——一张 1920×1080 的图像有超过 200 万个独立像素。调整大小改变此网格中的像素数量。缩小（减小尺寸）需要将多个像素合并为更少的像素，这个过程称为抽取或下采样。放大（增大尺寸）需要从现有像素中插值新像素，这个过程称为插值或上采样。结果的质量很大程度上取决于使用的重采样算法。

浏览器的 Canvas API 使用浏览器内置的图像重采样，通常是双线性或双三次插值。双线性插值将每个新像素计算为最近的 4 个原始像素的加权平均值。双三次插值使用 4×4 邻域并产生更平滑的结果，特别是对于放大。画布的 imageSmoothingQuality 属性可以设置为 low、medium 或 high——我们的工具使用 high 以获得最高质量。对于摄影图像，这产生的结果可与专用图像编辑软件相媲美。

调整大小时，保持纵横比（宽高比）以避免变形非常重要。如果在更改宽度时不按比例更改高度，图像将显得拉伸或压扁。我们的工具默认锁定纵横比——更改一个维度会自动调整另一个。对于非比例调整大小（例如将图像放入固定尺寸的容器），您可以解锁纵横比，但结果会看起来变形。

调整大小、裁剪和压缩是三个经常被混淆的不同操作。调整大小更改图像的尺寸（像素数）。裁剪从边缘移除像素以聚焦于特定区域。压缩通过应用有损或无损压缩算法在不改变尺寸的情况下减小文件大小。这些操作服务于不同目的：调整大小用于适应尺寸，裁剪用于构图，压缩用于文件大小。

对于网页优化，您通常需要全部三个：裁剪到所需纵横比，调整到目标尺寸（例如 Open Graph 图像的 1200×630），压缩以减小文件大小（主图目标 < 200 KB）。一个常见错误是只调整大小而不压缩——一张 4000×3000 的图像调整为 800×600 但保存为 PNG 可能仍有几 MB。对于网页图像，务必同时调整大小和压缩（使用 JPEG 或 WebP 格式）。