图片调整大小而不损失质量：有效的技术

调整图片大小看起来很简单，但要在没有可见质量退化的情况下做到这一点，需要了解重采样算法、宽高比和格式特定行为。无论你是为网站、社交媒体还是印刷准备图片，选择的技术都很重要。

图片调整大小的现实

一个重要的事实：你无法在不损失质量的情况下放大光栅图像。当你将 500×500 像素的图像放大到 1000×1000 时，软件必须创造原本不存在的像素。最好的算法可以让结果看起来可以接受，但未被捕捉的信息无法恢复。

缩小则可以获得出色的结果。你是在丢弃像素，而不是创造它们。关键是选择正确的重采样算法。

重采样算法

调整图片大小时，软件必须决定如何将原始像素映射到新尺寸。这就是重采样。

双线性插值

对每个新像素取最近的四个像素的平均值。

结果：平滑但略模糊
速度：快
用于：快速预览、实时调整大小

双三次插值

考虑 16 个周围像素（4×4 网格）以获得更平滑的结果。

结果：锐度和平滑度的良好平衡
速度：中等
用于：通用调整大小（Photoshop 默认）

Lanczos 重采样

使用 sinc 函数考虑多个周围像素。缩小的黄金标准。

结果：最锐利、最详细的缩小
速度：最慢
用于：最终生产图像、摄影

使用最优算法调整你的图片，请使用我们的图片调整大小工具。

保持宽高比

将图片拉伸到不同的宽高比会产生变形。三种策略：

1. 等比缩放

保持原始比例。如果目标是 1200×800 而你的图像是 4000×3000（4:3），则缩放到 1067×800（保持 4:3）。

2. 裁剪适配

缩放以覆盖目标尺寸，然后裁剪多余部分。这会填满整个目标区域，但会丢失边缘的部分内容。

3. 信箱/柱箱

缩放以适应目标内部，然后添加填充（边框）填充剩余空间。保留所有内容但添加空白空间。

/* CSS object-fit 控制此行为 */
.cover { object-fit: cover; }    /* 裁剪适配 */
.contain { object-fit: contain; } /* 适应内部 */
.fill { object-fit: fill; }       /* 拉伸（变形） */

批量调整大小

命令行（ImageMagick）

# 将所有 JPG 调整到最大宽度 1200px，保持宽高比
mogrify -resize 1200x -quality 85 *.jpg

# 调整到精确尺寸并裁剪
convert input.jpg -resize 800x600^ -gravity center -extent 800x600 output.jpg

# 批量转换目录
for f in *.png; do
  convert "$f" -resize 50% "resized/${f}"
done

Sharp (Node.js)

const sharp = require('sharp');

await sharp('input.jpg')
  .resize(1200, 800, {
    fit: 'inside',           // 保持宽高比
    withoutEnlargement: true // 永不放大
  })
  .jpeg({ quality: 85 })
  .toFile('output.jpg');

格式特定考虑

JPEG

每次保存都会降低质量（有损压缩）
调整大小并只保存一次——避免多次编辑-保存循环
Web 使用质量 85，存档使用 95

PNG

无损——保存不会损失质量
照片的文件大小可能很大
用于图形、截图和需要透明的图像

WebP

支持有损和无损模式
同等质量下比 JPEG 压缩更好
调整大小后用于 Web 交付的出色选择

SVG

矢量格式——无限调整大小而不损失质量
无法光栅化后再"反光栅化"
用于图标、Logo 和插画

关于调整大小后的图片优化，请参阅我们的图片优化指南。

常见错误

先放大再缩小：始终从原始文件调整大小，而不是从之前已调整过的副本
忽略 DPI：一张 300 DPI 4×6 英寸的图像是 1200×1800 像素。用于 72 DPI 的 Web 时，调整到你需要的像素尺寸
截图使用 JPEG：文字和 UI 元素在 PNG 中看起来更好（锐利边缘、无压缩伪影）
不考虑 Retina 显示屏：为 Retina/HiDPI 屏幕提供 2 倍分辨率的图像（srcset 属性）

常见问题

AI 放大真的能提高图片质量吗？

现代 AI 放大（Real-ESRGAN、Topaz Gigapixel）可以产生令人印象深刻的结果，特别是对于人脸和自然场景。它们通过基于训练数据预测更高分辨率的细节来工作。结果并不完美——它们添加的是看似合理但原始图像中不存在的细节。对于关键应用，应谨慎使用这些工具。

社交媒体图片应该使用什么尺寸？

各平台推荐尺寸：Instagram 帖子（1080×1080）、Instagram 故事（1080×1920）、Twitter/X 帖子（1200×675）、Facebook 帖子（1200×630）、LinkedIn 帖子（1200×627）。始终查看当前平台指南，因为它们经常变化。