跳到主要内容
LeedyBox
支持我们

调整图片尺寸:像素、宽高比与 DPI

调整尺寸看似简单,但背后的选择决定了图片能否保持清晰、不变形,并拥有合理的文件大小。本指南介绍像素尺寸、宽高比、重采样质量、DPI,以及如何为屏幕选择合适的尺寸。

像素、尺寸与文件大小

数字图片是由像素组成的网格。它的尺寸(例如 4000 × 3000)表示横向和纵向各有多少像素;两者相乘就是像素总数,此例中为 1200 万像素(12 MP)。调整尺寸就是用一个新的网格替换原来的网格,并根据原有像素计算出每个新像素,这一过程称为重采样。

像素数量随边长的平方变化:宽度和高度各减半,像素就只剩四分之一。因此,缩小尺寸往往是减小文件最有效的办法,不过格式、质量设置和细节多少同样有影响。程序在显示或编辑图片时,会把它解码为未压缩的像素,通常每个像素占 4 字节,所以无论文件本身多小,一张 1200 万像素的照片都需要约 48 MB 内存。

保持宽高比,或先裁剪

宽高比是宽度与高度之间的比例:4000 × 3000 是 4:3,1920 × 1080 是 16:9。如果保持宽高比,只需指定一条边,另一条边会随之确定,因此一张 4000 × 3000 的照片调整到 1200 像素宽后会变成 1200 × 900。如果两条边都随意设置,宽高比不同的图片就会被拉伸或压扁,圆形会变成椭圆。

如果想在不变形的前提下得到另一种形状的精确尺寸,请先裁剪到目标宽高比,再调整尺寸。在一批既有竖拍又有横拍的照片中,固定宽度会让竖向图片变得很高:一张 3000 × 4000 的照片调整到 1200 像素宽后会变成 1200 × 1600。

缩小与放大图片

缩小图片时,每个新像素都应综合多个原始像素的信息。只对附近少数像素取样的快速方法在大幅缩小时会跳过细节,在织物、细线和文字上表现为锯齿状边缘和闪烁的纹路(混叠或摩尔纹)。更好的重采样方法会考虑更多源像素。LeedyBox 图片尺寸调整工具以每次缩小一半的方式分步缩小,每一步都对相邻像素取平均,因此即使借助浏览器缩放,也能得到更平滑的结果。大幅缩小的图片仍可能略显发虚;LeedyBox 不会对其进行锐化。

放大时,新像素是根据相邻像素估算出来的,因此边缘会变得模糊或呈块状,也不会出现新的细节。专门的放大软件可以添加看起来合理的细节,但这些细节是生成的,而不是还原的。如果需要更大的图片,请尽量回到尺寸更大的原图。

DPI、PPI 与打印尺寸

DPI(每英寸点数),更准确地说是 PPI(每英寸像素数),是某些图片文件中保存的一个数值。它告诉打印和排版软件应把像素打印成多大,并不会改变像素本身。打印尺寸(英寸)= 像素 ÷ PPI(再乘以 2.54 即为厘米)。

图片宽度 以 300 PPI 打印 以 150 PPI 打印
1200 像素 4 英寸(10.2 厘米) 8 英寸(20.3 厘米)
2400 像素 8 英寸(20.3 厘米) 16 英寸(40.6 厘米)
3600 像素 12 英寸(30.5 厘米) 24 英寸(61 厘米)

只更改 DPI 值会改变打印尺寸,但像素保持不变,因此图片在屏幕上看起来完全一样。要打印得清晰,就需要足够的像素:以 300 PPI 打印一张 6 × 4 英寸的照片需要 1800 × 1200 像素。对于近距离观看的照片,通常建议约 300 PPI;从远处观看的大幅打印品可以低一些。LeedyBox 不会保留原图的 DPI 值,因此请在打印时设置打印尺寸。

为网页和屏幕选择尺寸

在网页上,关键在于图片的显示宽度。页面布局以 CSS 像素为单位,而高像素密度屏幕在每个方向上用两个或更多设备像素来显示一个 CSS 像素。因此,一张显示宽度为 600 CSS 像素的图片,在“2×”屏幕上需要约 1200 像素才能完全清晰;而在同一位置放一张 4000 像素宽的照片,则会浪费带宽和内存。

请测量布局中最大的显示宽度,例如使用浏览器的开发者工具。借助 srcset 和 sizes 属性,可以为同一张图片提供多种宽度(例如 600、1200 和 1800 像素),由浏览器下载最适合当前屏幕的那一张。如果上传表单、网店或社交网络要求特定尺寸,请查看其最新文档,因为这类要求因平台而异,而且会变化。

格式选择与使用 LeedyBox 批量调整尺寸

调整尺寸后,请根据内容选择格式。照片通常保存为 JPG 或 WebP 时文件最小。截图、徽标和带透明效果的图片适合用 PNG,或同样支持透明的 WebP。JPG 无法保存透明度,因此透明区域会变成白色;而保存为 PNG 的照片可能比原始 JPG 更大。详情请参阅 JPG、PNG、WebP 与 AVIF 对比。

LeedyBox 图片尺寸调整工具可在浏览器中一次调整多张图片的尺寸,无需上传:

  • 选择像素或百分比(1% 到 400%)。开启“保持宽高比”后,每张图片都会保持各自的比例。
  • 小于目标尺寸的图片不会被放大,除非您关闭该选项。
  • “与原图相同”会保留 JPG、PNG 和 WebP 格式,并将 GIF、BMP 和 AVIF 保存为 PNG。除非您另行更改,JPG 和 WebP 使用质量 90。
  • 会应用相机方向,不会复制元数据;两个或更多结果可以打包成 ZIP 文件下载。

如果想让文件更小,请使用图片压缩工具,并阅读图片压缩设置详解。

常见问题

DPI 值越高,图片就越清晰吗?

不是。它只是告诉软件要把图片打印成多大。清晰度取决于像素数量以及这些像素的显示尺寸。

为什么调整尺寸后的文件比原图还大?

通常是因为照片被保存为 PNG、质量设置高于原图,或者图片被放大了。

网站上的照片应该多宽?

取它的最大显示宽度,再为高像素密度屏幕乘以 2。如果它还会以更小的尺寸显示,请用 srcset 提供更多尺寸。