博客
简体中文

图片编辑器 — 调整尺寸、加边距、裁剪与批量处理

用相同设置把多张图片放进同一个保存尺寸,并加上内边距

在浏览器中处理 · 不上传任何内容

先设置保存图片尺寸,再按 px 或 % 添加内边距,然后让图片自动适应,或按 %、px 调整大小。上传多张图片时,相同设置会应用到所有图片。

打开要编辑的图片

JPG · PNG · WebP / 最多 50 张,每张 50 MB。也可以拖放或粘贴图片。

打开图片后即可开始编辑。

所有编辑都在浏览器中完成,图片不会上传到服务器。

工具简介

这个图片编辑工具把保存文件的尺寸和放在里面的照片分开处理。比如把保存尺寸设为 700 × 700 px,加上 10% 内边距并选择自动适应,那么无论横图还是竖图,每张照片都会保持比例、居中放进 560 × 560 px 的区域。它适合处理尺寸各不相同、却必须统一规格的商品图之类的工作:一起上传,用完全相同的设置导出。

使用方法

  1. 打开、拖放或粘贴一张或多张 JPG、PNG、WebP 图片。之后还可以继续添加,或点缩略图上的 × 移除。
  2. 输入保存宽度和高度,或选择预设:正方形 700、1000、1080,竖版、快拍或横版。选择背景色,或保持透明。
  3. 选择 px 或 % 内边距,输入一个值统一四边,或分别设置上、右、下、左。预览中的虚线标出了照片放置的位置。
  4. 选择图片的缩放方式:点 自动适应 或 铺满,或在区域 %、原图 %、宽/高 px 中输入数值。按 Enter 或离开输入框后数值生效。
  5. 需要时旋转、翻转或移动图片。可以在预览中拖动,也可以用方向键;按住 Shift 每次移动 10 px。
  6. 裁剪,调整亮度、对比度、饱和度和不透明度,或添加文字。
  7. 选择格式和画质,点 生成图片(有多张图片时为“生成全部 … 张图片”),然后逐个下载或打包成 ZIP 下载。

工作原理

  • 批量设置:除裁剪外的所有设置都是共用的。图片尺寸以缩放规则而不是固定像素保存,所以尺寸不同的原图也能得到相同的版式。
  • 内边距:位于保存图片内侧,超出部分的照片会被裁掉。让保存尺寸贴合图片 + 内边距 会以当前照片加上内边距的大小来设置保存图片尺寸。
  • 指定 px:锁定比例时,只固定你最后输入的宽或高,另一边随每张图片变化。不锁定时,每张图片都会被拉伸到你输入的宽和高。
  • 旋转:范围为 -360° 到 360°。自动适应以旋转后照片的外接矩形为准。
  • 位置:图片位置从内边距以内区域的中心算起。文字从保存图片的左上角算起,最多 200 个字符、20 行。
  • 格式:PNG 无损;JPG 和 WebP 使用所选画质。EXIF 元数据和动画不会保留。HEIC、GIF、AVIF 请先转换。
  • 上限:保存图片过大时不会被偷偷缩小,而是提示你自行调小。

示例

上传一张 1200 × 800 px 的横图和一张 600 × 900 px 的竖图,以 700 × 700 px、10% 内边距、自动适应导出。两个文件都是 700 × 700 px,照片分别以 560 × 373 px 和 373 × 560 px 居中放置。把内边距改为 50 px,内部区域就变成 600 × 600 px。在区域 % 中输入 50%,每张照片都会变成自动适应时的一半大小。

常见问题

能用相同设置编辑多张图片吗?

可以。最多上传 50 张图片,保存尺寸、内边距、缩放方式、旋转、颜色和文字都会应用到所有图片。点击缩略图可以预览每张的结果,然后一次生成全部图片,逐个下载或打包成 ZIP 下载。只有裁剪需要逐张设置。

怎么添加内边距?

先设置保存图片尺寸,选择 px 或 % 作为内边距单位,然后输入一个值统一四边,或分别设置每一边。内边距位于保存图片内侧,照片会放进内边距以内的区域。% 内边距的左右以保存宽度为准,上下以保存高度为准。

自动适应、铺满、% 和指定 px 有什么区别?

自动适应会保持比例,把整张照片尽可能放大到内边距以内。铺满会填满内部区域,超出部分被裁掉。区域 % 以自动适应时的尺寸为基准缩放,原图 % 以原图像素为基准。锁定比例时,指定 px 以你输入的那一边为准,让每张图片都按它缩放。

裁剪或旋转能撤销吗?

撤销和重做最多保留 80 步编辑。“取消裁剪”可恢复原图区域,“全部重置”可回到初始状态。按 Ctrl(Mac 上为 Command)+ Z 撤销,再加上 Shift 即可重做。

我的图片会被上传吗?

不会。JPG、PNG 和 WebP 图片都在浏览器中打开和渲染。每个文件最大 50 MB、5000 万像素。保存图片每边最多 8,192 px、总共最多 2000 万像素,部分设备上限更低。

JPG 能保留透明吗?

不能。JPG 会把透明区域填成白色。要保留透明,请选择 PNG 或 WebP。如果浏览器无法导出 WebP,会改为生成 PNG 并告诉你。

没找到想要的工具?