图片尺寸调整工具

在线按宽度、高度或百分比调整图片尺寸,支持批量,自动保持比例。全部在浏览器内运行,图片不上传。

所有处理均在你的浏览器内完成,数据不会上传。

使用方法

  1. 把图片拖到上方的框里,或点击选择文件。
  2. 选择按宽度按高度还是按百分比,然后填入目标值。
  3. 需要的话再改输出格式和质量。
  4. 每一行都会显示原始尺寸和新尺寸。可以逐个下载,也可以全部下载。

另一个维度始终按原比例自动计算,所以图片不会被拉变形。

目标尺寸该怎么定

最常见的错误是直接上传相机原始分辨率的图片。现在的手机随手一拍就是 4000 像素宽, 而它显示在一个 800 像素宽的栏目里——大约 96% 的像素被下载、解码,然后被浏览器直接 丢弃,这些流量和电量是每一个访客替你付的。

实用的做法是:按图片实际会占据的最大区域来定,再为高分屏翻一倍。显示在 600 像素宽 正文栏里的照片,1200 像素的文件就够了;桌面端的通栏大图可能需要 2400。再往上加, 看不出任何区别。

缩小很划算,放大不然

缩小是一件感觉上「无损」的操作:源图里的信息比目标需要的多,所以结果清晰锐利, 文件体积却大幅下降。

放大是反过来的。插值只能根据相邻像素估算新像素的值,它无法补出从未被记录下来的 细节。放大到 150% 以内,发虚还比较隐蔽;超过 200% 就很明显了,而且事后再怎么锐化 也不会真的还原缺失的东西——锐化只是提高了模糊边缘周围的局部对比度。当你需要更大的 图时,正确答案几乎总是去找一张更大的原图。

常见问题

我的图片会被上传到服务器吗?

不会。缩放通过浏览器的 Canvas API 在本地完成,不会传输任何数据。这也意味着页面加载完之后,断网也照样能用。

会一直保持比例吗?

会。你只需要指定一个维度——宽度、高度或百分比——另一个会据此算出来。本工具刻意不提供自由拉伸,因为变形的图片几乎从来不是用户真正想要的。

能把图片放大吗?

能,但要清楚你得到的是什么。放大是靠在已有像素之间插值「造」出新像素,它无法还原相机根本没拍到的细节。放得越大,画面越发虚,超过 200% 之后会很明显。

为什么我把图缩小了,文件反而变大了?

通常是因为输出格式变了。把 JPEG 缩小后存成 PNG,很容易得到更大的文件,因为 PNG 是无损的。把输出格式设成「保持原格式」或选 WebP,体积就会如预期下降。

网页用图该设多大?

按图片实际会占据的最宽区域来定,再考虑高分屏大致翻一倍。显示在 600 像素宽栏目里的图,1200 像素的文件就足够了;再大就是访客白白下载、浏览器随即丢弃的字节。

手机拍的竖图方向会正确吗?

会。工具按图片的 EXIF 方向信息解码,竖拍照片处理后依然是正的,不会躺着被缩放。