这个页面的代码没跑起来。

直接从文件夹里打开 index.html,浏览器会拦下 JavaScript 模块,于是你选好图片之后,页面不会有任何反应。改用 http 把这个文件夹提供出去:

powershell -ExecutionPolicy Bypass -File serve.ps1

然后打开 http://localhost:8080/。

图片缩放 改尺寸、裁切、转格式

说个尺寸,拉个框,挑个格式。

语言: 简体中文
查看源码
你的图片在浏览器里处理,无须上传处理。

改尺寸、裁切、换格式,全在你自己的浏览器里、用你自己的硬件完成,用的是浏览器本来就带的图像编码器。这个工具没有任何联网功能,不取东西,也不发东西。就算真有,这个页面的另一头也没有服务器能接住一张图。

实时检查: 检查中…

离线: 检查中…

别信我们嘴上说的。打开开发者工具,盯着“网络”面板,缩一张照片试试。没有一条请求带着图片、缩略图、文件名,或者你选中内容里的任何一个字节。或者干脆拔掉网线,照缩不误。

1 选图片

2 想裁就裁

裁剪框一开始罩着整张图,所以这一步你不动,就等于没裁。每张图各有各的框,在上面的列表里点一张,就在那张上画。裁切在缩放之前发生,这是唯一说得通的顺序:先缩小再裁,那些本该留下的像素早就扔掉了。

在框里拖是移动,拖四角是缩放。框选中时,方向键一次挪一个像素,Alt + 方向键是改大小,按住 Shift 一步走十个。

加一张图,框就出现在这儿。

3 说清楚要多大

绝不把图片放大 放大是在编造当初根本没拍到的像素,所以一张小图硬要撑到大尺寸,出来只会更糊,不会更清楚。开着这个,本来就比你要的尺寸小的图,就按它自己的尺寸留着。

只填一个、另一个留空,图片就保持自己原来的比例。

4 保存

质量,85 只对 JPEG 和 WebP 起作用,PNG 没有质量这个旋钮。85 是多数人开始分辨不出来的那一档。低于 60 上下,大片平坦的区域会开始出现色带。

背景 画面盖不到的地方露出来的就是它:垫成固定尺寸时四周那一圈,以及输出格式没有 alpha 通道时透明的那些地方。

下载

以 Markdown 查看

不上传怎么改图片尺寸

  1. 选好你的图片。拖到下面的方框里,或者点开自己挑。浏览器直接从你的硬盘上读,这期间没有东西发出去。
  2. 想裁就裁。裁剪框一开始罩着整张图,所以你不动它就等于没裁。拖动它,或者锁定一个形状,头像用 1:1,快拍用 9:16,视频封面用 16:9,再按“拉到最大”取这个形状下能放进去的最大一块。每张图各有各的框,点列表里任意一行,就改在那张上画。要是全都想按同一种取景,也有一个按钮一次搞定。
  3. 说清楚出来要多大。给宽,给高,或者两个都给;给一个长边,这样竖构图和横构图出来一样大;或者干脆给个百分比。两个框里留空一个,图片就保持自己原来的比例。
  4. 挑好格式,然后按按钮。可以各自保持进来时的格式,也可以一律写成 JPEG、PNG 或 WebP。每个结果都写明它变成了什么、小了多少,点开就是全尺寸大图,背后那些数字全在,旁边还摆着原图供你对照。整批下载会打成一个 zip。

说得更细的版本

怎么改图片尺寸而不把它弄坏 调整尺寸会改变什么:缩小丢失细节、放大需要插值、适配不同形状的框,以及何时应先裁剪。

常见问题

我的图片会传到什么地方去吗?

不会。解码、裁切、缩放、写出,全由你自己的浏览器在你自己的硬件上完成,用的是浏览器自带的 JPEG、PNG 和 WebP 编码器。这个工具没有任何联网功能,不取东西,也不发东西。页面的 Content-Security-Policy 把它可能联的地址全列了出来,没有一个是本站的。

只给宽、不给高会怎么样?

高按图片自己的比例算出来,这几乎总是你要的:说“宽 1920”,意思就是“宽 1920,高该多少是多少”。两个都填上,它们就可能跟图片本身的比例对不上,也只有这时候才会冒出“比例对不上怎么办”那个选择:整张放进框里、铺满并裁掉溢出、用背景色垫成这个框、或者直接拉伸认了变形。

缩小会掉画质吗?

缩小会减少像素,可能丢失小字、细线和精细细节,即使照片在预定显示大小下看起来不错。放大无法恢复从未记录的细节。缩放后的 JPEG 和有损 WebP 编码可能带来额外损失;PNG 保留缩放后的像素,而非原始细节。请按实际使用大小检查结果。

能给每张图裁得不一样吗?

能,而且默认就是这样。列表上每张图都带着自己的框,按自己的像素算,点某一行,那张图就连着它自己的框和锁定的形状一起回到预览里。你动其中一张,不会影响别的。每个框一开始都罩着整张图,所以你从没画过的那张,压根没被裁。

能一次给整批图裁成一样的吗?

能,用预览下面那个按钮。它会给其余每张图同样的相对区域,也就是各自宽高的同样比例。一批本来尺寸就一致的截图或者导出图,那就是完全相同的一个框,页面也会这么写。要是锁了形状,它会在那块区域里给每张图取这个形状下最大的一个框,所以先按 1:1 再按这个按钮,横竖混杂的一个文件夹就能全出方图。之后每个框还是照样能改。

它能读、能写哪些格式?

你的浏览器能解码的它都能读,实际上就是 JPEG、PNG、WebP、GIF、BMP,现在多数浏览器还包括 AVIF。写出来的是 JPEG、PNG 和 WebP,因为浏览器自带的编码器就这三种。选“保持原格式”时,JPEG 还是 JPEG,PNG 还是 PNG;浏览器写不了的格式,比如 GIF 和 BMP,会出成 PNG,因为它既保得住透明,也保得住大片纯色。

存成 JPEG 的话,透明会怎么样?

会被背景色填掉,因为 JPEG 没有 alpha 通道可以装它。颜色由你挑,默认白色,这是多数人想要的,也是几乎所有别的工具会一声不吭直接替你做的。垫成固定尺寸时用的也是这个颜色。存成 PNG 或者 WebP,透明就原样过来。

它会去掉 EXIF 和 GPS 信息吗?

真正被处理过的图会,属于顺带的效果:裁切或者缩放都得把画面解码成像素、再把像素编回去,而一张画布上只有像素,不带任何标签,所以位置、相机型号和时间戳干脆就没写进新文件。你完全没动过的文件是另一回事,它逐字节原样还给你,标签一个不少。EXIF 查看与清除可查看和编辑 JPEG、PNG 和 WebP 元数据,不重新编码图片。AVIF 支持只读查看提取到的 EXIF,清理时将第一张解码后的图片转换为新的 PNG,颜色或 HDR 可能改变。

这个跟图片压缩有什么区别?

这个管的是尺寸:你说要多少像素,它就给你多少像素。图片压缩管的是文件大小:你说只准多少 KB,它去找刚好塞得进去的最高画质,只有画质单独够不到才动尺寸。人家跟你说“宽 1200 像素”,你就来对了地方;人家说“不能超过 500 KB”,那边更对路。

免费吗?要注册吗?

免费,没有账号,不用登录,没有试用期,也没有水印。文件的数量和大小同样没有上限,因为没有哪台服务器在为它们掏钱,活是在你自己的机器上干的。本站带广告,经费就是这么来的,广告拿不到关于你图片的任何信息。

断网能用吗?

能。页面开一次之后断网,它照干不误。这也是证明“什么都没上传”最省事的办法。一个把图片送出去缩放的工具,拔线那一刻就停了。