修改图片尺寸不变形:宽高比例、像素和导出格式怎么设

图片“变小”可能指文件字节变少,也可能指宽高像素变少。修改尺寸不变形,核心不是随便填两个数字,而是先决定要保留原图比例,还是为了某个版位接受裁切、留白或变形。本指南只讨论按像素重绘的尺寸调整,不把 DPI、证件照预设或 AI 放大混在一起。

LocalTools 编辑团队内容更新

先分清像素和文件大小

宽度 1200 px、高度 800 px 是像素尺寸,决定图片在网页或文档里可显示多少细节;500 KB、2 MB 是文件字节大小,影响上传限制和加载成本。两者有关,但不是同一件事:一张像素很大的纯色图可能不大,一张像素较小但纹理复杂的照片也可能不小。

如果平台要求“头像 300×300 像素”,你需要改像素尺寸;如果要求“小于 200 KB”,你需要压缩或降低质量。把这两类目标混在一起,最常见的结果是尺寸达标但文件仍超限,或者文件变小了却不符合版位。

不变形靠宽高比例

图片被拉扁或拉长,是因为新宽高比例和原图比例不同。原图 1600×1000 的比例是 1.6,如果强行导出为 1000×1000,内容会横向挤压或纵向拉伸。要避免这种变形,应锁定宽高比例,只输入宽度或高度,让另一边按原始比例自动计算。

LocalTools 的图片尺寸调整工具会读取原图像素,开启比例锁定时,改宽度会同步计算高度,改高度也会同步计算宽度。它处理的是单张图片,输出 PNG、JPEG 或 WebP;如果你要开始实际调整,可以在工具里先上传图片并确认原始尺寸。

必须固定宽高时的取舍

有些场景确实要求固定画布,例如 1200×628 的分享图。若原图比例不同,仅靠尺寸重绘无法同时做到“不变形”和“完整保留画面”。你需要在三种结果里选一种:保持比例但留白,裁掉边缘,或接受拉伸。当前尺寸工具只做重绘,不做裁剪、智能构图或加边框,所以它适合比例一致或你愿意按比例缩放的任务。

缩小通常能减少像素数量,但不等于保证文件更小;放大则只是在更多像素上重新采样,不会补回原图没有的细节。DPI 元数据也不是这里的控制项,网页和大多数表单主要看像素和字节,不看纸面打印密度。

  • 要保持完整画面:优先锁定比例,接受目标宽高不完全固定。
  • 要塞进固定版位:先裁剪或设计留白,再调整像素。
  • 要满足上传 KB:改尺寸后仍需查看实际文件大小。

导出格式怎么选

PNG 适合线稿、截图、带透明边缘的图形,但文件可能较大;JPEG 适合普通照片,透明信息会丢失;WebP 常用于网页图片,但打开或上传是否接受,要看目标系统。尺寸工具的质量滑块只对 JPEG 和 WebP 这类有损导出有意义,PNG 不靠质量滑块压缩。

如果你只是想换格式而不改变像素尺寸,应该用格式转换工具;如果改完尺寸后发现文件仍太大,再用普通图片压缩工具处理 JPEG 输出会更直接。

假设例子

假设你有一张 2400×1600 的产品照片,准备放进要求宽度 1200 px 的文章正文。原图比例是 3:2,只输入宽度 1200 并锁定比例,高度会变成 800,画面不会被拉伸。若文章模板要求 1200×900,这个比例是 4:3,直接改成 1200×900 会变形;更稳妥的做法是先在编辑器里裁成 4:3,再导出。

如果平台同时要求小于某个 KB,尺寸调整只是第一步。导出后查看实际字节大小,超限时再降低 JPEG/WebP 质量或改用目标 KB 压缩流程;但目标 KB 压缩可能继续按比例缩小像素尺寸,不适合必须保留精确宽高的交付。目标压缩后要重新检查输出尺寸和文件大小。这里的数字只是说明方法,不代表任何固定压缩效果。

假设:2400×1600 改到网页宽图

锁定比例后输入宽度 1200,得到 1200×800;若硬填 1200×900,则比例改变,画面会被拉伸,除非先裁剪或补边。

限制要提前知道

该工具依赖浏览器能否解码输入图片,并通过 canvas 输出静态结果。动画 GIF 或动画 WebP 不会保留动画;EXIF、ICC 色彩配置和其他元数据不应期待被保留。它也不是批量处理器、DPI 编辑器、证件照排版器或 AI 清晰化工具。

常见问题

只设置宽度,高度能自动跟随吗?
可以,在保持宽高比例开启时,输入宽度会按原图比例计算高度;如果关闭比例锁定,就可能得到拉伸效果。
改像素尺寸能保证图片小于某个 KB 吗?
不能保证。像素减少通常有帮助,但最终字节大小还受格式、质量、图像内容和浏览器编码器影响。
修改 DPI 会让网页图片更清楚吗?
网页显示主要看像素尺寸和 CSS 显示尺寸;当前工具不编辑 DPI 元数据,也不做 AI 放大。
在线调整图片大小

图片不上传,直接在浏览器里缩放并下载。

本页的所有处理都在浏览器中完成,不会上传任何内容。

打开工具

参考资料

图片压缩与格式选择