如何调整图像大小

百分比还是像素？

当您将一批不同大小的图像缩放相同的量时，或者当您只想要“大约一半”时，请使用百分比。百分比按相同的系数缩放两个轴，因此构造时会保留纵横比。

当下游有特定要求时使用精确像素：列宽、上传限制、打印尺寸。输入您关心的维度，让其他维度跟随。

如果解锁宽高比并设置两个尺寸，图片会被拉伸。这有时是故意的，而且几乎总是一个错误，因此这是一个单独的、明确的行为，而不是偶然发生的事情。

调整大小的实际成本是多少

缩小尺度将许多源像素映射到一个输出像素。丢弃的像素中的细节消失了，之后放大也不会恢复它——你会得到一个模糊的近似值。

升级并没有发明什么。每个放大算法都会在其已有的像素之间进行插值，因此将 400 像素的图像拉伸到 1600 像素时，具有相同数量的真实信息，分布在面积的 16 倍上。它看起来会很柔和，并且任何设置都不会改变这一点。

这意味着一条实用规则：保留原始文件，并每次都调整其大小。反复调整已经调整大小的文件的大小会加剧软化，如果格式有损，也会加剧压缩伪影。

操作顺序及其重要性

图像转换器首先应用裁剪，然后调整大小，然后旋转。该顺序是固定的，并且其行为是可预测的：首先裁剪意味着调整大小百分比是指您保留的图像部分，而不是原始帧。

如果您裁剪掉 50% 的宽度，然后调整大小到 50%，您将获得原始宽度的四分之一 - 这是大多数人所期望的。对于相同的两个数字，首先调整大小，然后裁剪，会产生不同的结果。

选择目标尺寸

• 对于网页，目标是图像将占据的 CSS 宽度大约是两倍，以便在高密度屏幕上看起来清晰。超过大约两倍，回报实际上就会停止。
• 对于打印，重要的尺寸是像素除以打印尺寸。对于大多数文档来说，每英寸 150 像素左右就足够了； 300是照相冲印的传统目标。
• 对于电子邮件附件或具有上传上限的表单，请先调整大小，然后再调整质量 - 尺寸是更强大的杠杆。

工作示例：600 像素列的 3000 像素屏幕截图

屏幕截图为 3000 x 1875 像素。它将显示在 600 像素宽的列中。以 3000 像素存储会浪费带宽，在某些设备上还会浪费内存。

将高密度屏幕的显示宽度加倍，目标宽度为 1200 像素。

1. 将屏幕截图加载到图像转换器中。
2. 选择按像素调整大小并输入 1200 作为宽度，锁定长宽比。
3. 确认高度自动填写为 750。
4. 保留 PNG 作为输出，因为屏幕截图具有清晰的文本和平坦的区域。
5. 转换并下载。

结果： 1200 由 750 PNG。像素数从 5.6 万下降到 0.9 万，大约是原始像素的 16%，并且文本保持清晰，因为 PNG 不会像有损格式那样柔化边缘。原始 3000 像素文件在您的设备上未受影响，您下次应该返回该文件。

打开工具

在图像转换器中调整图像大小

在浏览器中按百分比或精确像素调整大小，默认情况下锁定纵横比。它并不智能地升级。

这不包括什么

• 放大无法添加细节。工具会做，结果会是软的；这是数学的属性，而不是这个实现的属性。
• 任何调整大小都会对图像重新采样，因此即使 PNG 输出也不再与源位相同。
• 非常大的图像被限制在您的设备可以安全分配的像素预算内，因此请求的非常大的输出可能会变小。该工具会说明何时发生这种情况。
• 输入仅为 JPEG、PNG、WebP 或 GIF。
• 没有内容感知缩放或智能裁剪。整个框架的大小调整是统一的。