如何调整图片尺寸又不损失画质

发布于 2026 年 9 月 23 日

把 2400 万像素的照片缩小发到博客里、把商品图塞进邮件营销模板、给网站准备一张横幅图 —— 调整尺寸大概是最常见的图片操作了。但它也最容易翻车：一个不小心，清晰的照片就变虚、变形，或者糊成一块一块的。本文会讲清楚缩放到底对像素做了什么、保住画质的几条原则，以及如何在一款完全运行在浏览器里的免费在线修图工具"在线PS"里把这件事做对。

缩放到底对像素做了什么

数字图片本质上是一张像素网格，调整尺寸就是改变这张网格的大小。接下来会发生什么，取决于你往哪个方向调：

缩小是丢弃像素 —— 这是安全的。一张 6000 × 4000 的照片变成 1200 × 800 时，编辑器会把每一小片相邻像素合并计算成一个新像素，这个过程叫重采样。被丢掉的细节确实没了，但留下来的每一个像素都是真实的。缩小后的照片在同样显示尺寸下往往比原图更好看，因为细小的噪点和轻微的失焦会随多余像素一起消失。
放大是凭空造像素 —— 必须说实话。把图片变大，意味着编辑器要根据周围像素"猜"出中间的新像素（插值）。结果在数学上是平滑的，但不包含任何新的真实细节。相机没拍到的东西，任何工具都变不出来：把小图放大 4 倍，注定比直接拍那么大的照片虚。很多工具对此含糊其辞，这里值得把话说明白。

实用的结论就一条：缩小基本不伤画质，放大必然有代价。安排工作流程时要围绕这个不对称性来做。

调整尺寸的黄金原则

只缩一次，而且要从原图开始。每做一次重采样，画面都会轻微变软一点。在已经缩过的图上再缩，这种软化会叠加。永远从全分辨率的原图下手。
锁定宽高比例。单独改宽度或高度会把画面拉伸 —— 就是那种经典的"压扁脸"效果。除非你就是想要变形效果，否则务必锁住比例。
在意画质的话，放大不要超过 110%–120%。小幅放大肉眼基本察觉不到，超过这个范围，发虚会非常快变得明显。
保留一份母版。缩放后的版本另存为新文件，绝不要覆盖原图。将来的你总会需要别的尺寸，只有母版能干净地再导出一份。

动手操作：在在线PS 里调整尺寸

整个过程用不了一分钟。在线PS 通过 Canvas API 在本地处理图片，每一步里照片都不会离开你的设备。

打开在线PS，选择文件 → 打开…，或者直接把图片拖到画布上。
选择图像 → 图像大小…，打开缩放对话框。
对话框顶部会显示原始尺寸 —— 先确认手里的是全尺寸原图，而不是别人已经缩过的副本。
确认保持比例处于勾选状态（默认就是勾选的），然后输入目标宽度或高度（单位 px），另一项会自动跟着变。
点击确定。用视图 → 实际像素（Ctrl+1）按真实大小检查效果。
可选：大幅缩小之后，可以轻轻过一遍滤镜 → 锐化，找回一点边缘的利落感。下手要轻 —— 锐化过度会在边缘出现一圈亮边。
最后用文件 → 导出为 PNG（Ctrl+S）、导出为 JPG 或导出为 WebP 保存成果，格式怎么选见下文。

目标尺寸怎么定

没有一个放之四海皆准的尺寸，取决于图片要用在哪。几个久经考验的宽度参考：

1920 px：桌面网站上的全宽头图、横幅。
1200 px：博客正文配图和大多数社交媒体帖子 —— 足够清晰，加载也够快。
800 px 以内：邮件营销内容（很多邮件客户端的正文宽度只有 600 px 左右）、缩略图和头像。

一个常见的误区：在屏幕上，起作用的只有像素尺寸，DPI 无关紧要。同一张 1200 × 800 的图，标"72 DPI"和标"300 DPI"在浏览器里显示得一模一样；DPI 是印刷参数，只告诉打印机在纸上打点多密。改 DPI 数值不会增加一个像素，也不会提升任何屏幕上的清晰度。想在高分辨率（retina）屏幕上保持锐利，让图片的像素尺寸约为显示区域的两倍即可 —— 比如在页面上以 600 px 宽显示的照片，可以按 1200 px 导出。

导出时选对格式

调完尺寸只完成了一半，怎么保存同样重要：

JPG —— 给照片用。它通过丢弃人眼几乎无感的信息，把照片压得很小。代价是：每次保存都会再丢一次。反复打开、反复另存同一个 JPG，压缩损伤会不断累积，直到边缘发浑。正确姿势是从母版出发编辑，最后只导出一次 JPG。
PNG —— 给图形、截图和带文字的图用。PNG 是无损的，锐利边缘和文字笔画能保持干净，而且能保留透明背景（JPG 根本不支持透明）。代价是装照片时文件明显更大。
WebP —— 给现代网页用。同等画质下通常比 JPG 更小，又像 PNG 一样支持透明，目前所有主流浏览器都支持。做网站配图时它是很好的默认选择。

只缩放某一个图层，而不是整张图

图像 → 图像大小…缩放的是整个文档 —— 所有图层一起变。但有时你想调整的只是其中一个元素：比如把导入的 logo 缩小一点，或把拼贴画里的贴纸放大一点。这时在图层面板里选中该图层，选择图层 → 自由变换（Ctrl+T），拖动四角的手柄缩放内容，拖框内区域移动位置，按 Enter 应用、Esc 取消。

同样的物理规律对单个图层也成立：缩小是安全的，放大超过原始尺寸就会发虚，因为编辑器还是在凭空造像素。如果导入的素材放大后模糊，诚实的解决办法是换一张分辨率更高的素材，而不是继续硬拉。

常见翻车点

关掉比例锁定硬拉伸。为了"塞进"某个位置而取消保持比例，画面里所有东西都会变形。需要不同的长宽比时，应该裁剪，而不是硬挤。
指望小图放大后还清晰。300 px 的头像永远变不成清晰的 1920 px 横幅。去找更大的原图才是正道。
同一张 JPG 反复缩。每一轮都要同时经过重采样和 JPEG 压缩，损伤不断叠加。每次都回到母版重新导出。
该裁剪的时候去缩放。想要更紧凑的构图，那是裁剪工具的活儿 —— 缩放保留全部画面，只是整体变小而已。

亲自试一试

打开在线PS，拖入你手边最大的一张照片，按上面的步骤走一遍：缩到 1200 px 宽、轻轻锐化、导出为 WebP，然后和原图比一比文件大小。整个过程都在你的浏览器本地完成 —— 免费、免注册、无水印，安装之后断网也能用。