图片尺寸调整
看着图定宽高,锁住比例不变形。
- 全部免费不用注册、没有次数限制、没有付费档。
- 什么都不上传文件在你自己的设备上处理,不会到服务器上去。
- 结果不打折没有水印,不降质,不限文件大小。
- 改动都写下来每一次修复、每一个新工具,都记在更新日志页面上。
这个尺寸调整工具能做什么
拖入图片,第一张就出现在画布上,图上套着一个虚线框:那个框就是结果。输入宽或高——比例锁开着(默认)时另一个数自动跟随,框随之缩放。快捷按钮把最长边定为 1920、1280、800 或 400,这是网页、博客配图和缩略图最常用的几个数。把单位切成 % 就按倍数缩放。也可以直接抓住框的角拖动,数字跟着变,画布上看到的就是文件出来的样子。
每一行显示原始和新的像素尺寸以及文件大小,输出文件名带上新尺寸(photo-1280x853.jpg),批量处理时不会乱。缩小使用多步重采样——先反复减半,再做最后一次缩放——避免了单次缩放在大幅缩小时产生的锯齿和摩尔纹。全部在浏览器里运行,不上传、不排队、不限量。
怎么用
定好尺寸,按「开始调整」。批量处理时,宽 × 高 是一个每张图都要装进去的框:横图受宽限制,竖图受高限制,没有一张会超出这个框——所以一套设置就能对付一个混着横竖的文件夹。点列表里任意一行,画布就换成那一张。「不放大」(默认勾选)让本来就比框小的图保持原样。只有平台硬性要求固定尺寸时才解开比例锁;那时工具会拉伸到框的大小,并在画布下面提醒你。设置会记在这台设备上。
处理完成后,逐张下载或打包 ZIP,或者用"继续处理"按钮把缩放后的图片交给图片压缩做最后的体积削减,或交给格式转换换一种格式。三个工具共用同一个列表,所以常见的网页流程——缩到显示尺寸、转 WebP、压到目标体积——只要三次点击、一次选文件。横着或倒着的照片先过一遍图片旋转;需要干净底色的商品图先去背景再缩放。
常见坑
放大不会增加细节。把 400 像素的图放大到 2000 像素只会得到模糊的结果,因为缺少的像素是插值出来的而不是找回来的;需要更大的图,请回到原件或矢量源。解开比例锁就是故意忽略宽高比,会把竖版照片压扁成横版框——只在平台确实要求固定尺寸时这样做,比例不同就先裁剪。
缩小含有小字的 PNG 截图会让文字发糊;有条件的话让截图保持原始尺寸,由页面用 CSS 缩放。% 单位是相对每张图自身的,混合批次会得到大小不一的结果——想要统一输出请用像素。另外和所有 canvas 工具一样,EXIF 元数据(包括方向标记)会被丢弃;浏览器会在缩放前先把方向转正,所以照片是正的,但相机信息不会保留。
背景知识:图片缩放是怎么工作的
缩小图片意味着要从被替代的若干源像素中决定每个新像素的颜色。最近邻只取一个,看起来有锯齿;双线性取最近四个的平均;双三次和 Lanczos 加权更大的邻域,结果更平滑也更锐利。浏览器的 canvas 绘制有高质量模式,但当缩小幅度很大——比如 6000 像素缩到 600——单次采样的源像素仍然太少,会出现混叠。标准做法(本工具采用)是反复把图片减半,直到与目标尺寸在两倍以内,再做最后一次重采样。
现在的相机和手机动辄拍出 1200 万到 5000 万像素的图片,远大于任何屏幕:4K 显示器只有 800 万像素,手机屏幕约 300 万。提供比显示尺寸更大的图片,只是白白消耗带宽、内存和解码时间,这正是响应式图片(srcset 属性)和图片 CDN 存在的原因。上传前在本地缩放能达到同样效果而不需要任何基础设施——而且因为在浏览器里运行,照片从不离开你的设备。
哪些场景需要调整尺寸
网页发布是最大用途:让首图匹配 CSS 宽度、生成 2 倍视网膜版本、产出 srcset 需要的多种尺寸。社交平台要求特定尺寸——链接预览 1200×630、方形帖子 1080×1080、横幅 1500×500。邮件签名和简报需要固定宽度的小图。政务、高校和招聘网站的证件照和头像上传常有 600×600 或 2 MB 上限。应用商店要求精确到设备分辨率的截图,印刷店要求对应物理尺寸的最低像素数。
归档或分享旅行相册前批量缩小、把商品图缩到商城网格尺寸、从一张主 PNG 生成 16/32/64/128 像素的图标集、把扫描件缩到能发邮件的大小,都是日常活。配合格式转换得到 WebP,配合图片压缩达到字节目标;缩放后含二维码的 PNG 应保留 PNG 以保证模块清晰。用 PDF 转图片 导出的页面也可以先在这里缩放,再放进幻灯片或网页。
常见问题
缩放会保持宽高比吗?
会,只要比例锁开着(默认就是开的):第二个数跟着第一个数走,每张图都按比例装进框里。解开锁之后,图片会被拉伸到你输入的宽 × 高。
能把图片放大吗?
可以,但放大只是对现有像素插值,结果会偏软。需要更高分辨率时请用原件或矢量源。
为什么缩放后文件也小了很多?
像素少了字节自然少——每边减半就去掉四分之三的像素。JPEG/WebP 再按你选的质量重新编码,还会进一步缩小。
照片会上传吗?
不会。缩放和编码用 canvas 接口在浏览器里完成;页面加载后离线也能用。
怎么把很多图片调成相同宽度?
输入宽度,把高度那一格清空,然后拖入所有文件。每张图都得到这个宽度和按比例的高度;「全部下载」打包成一个 ZIP。