图片留白与边框
在图片周围添加纯色(或透明)背景留白,并可选添加彩色边框,可保持四边均匀留白,也可按目标比例自动调整。适用于 Instagram 正方形帖子、竖版故事、YouTube 缩略图、幻灯片统一外观、打印边框等场景。结果以 canvas 渲染,可下载为 PNG、JPEG 或 WebP。图片和所有处理都保留在浏览器内。
—
使用方法
- 拖入或选择图片 — 为保证性能,长边会缩放至 2400px。
- 选择『固定留白』(四边均匀)或『按比例适配』(目标宽高比)。
- 设置留白量、背景色(PNG/WebP 可选透明)以及可选边框。
- 下载为 PNG、JPEG 或 WebP。
常见问题
- 图片会被上传吗?
- 不会。通过 `URL.createObjectURL` 本地加载并绘制到 `<canvas>` 中,数据不会离开你的设备。
- 『按比例适配』模式是怎样工作的?
- 在较短的轴方向上额外补足留白,使最终画布达到所选比例(如 Instagram 正方形 1:1)。图片居中,滑块设置的是比例适配前的最小留白。
- 选择 JPEG 时为什么『透明』变灰?
- JPEG 不支持 alpha 通道,透明像素会保存为黑色或白色。如需透明背景请使用 PNG 或 WebP。
- 留白和边框有什么区别?
- 留白是图片外部的背景空间;边框是紧贴图片边缘的彩色框,位于留白之内。两者可以同时使用、分别使用或都不使用。
相关工具
图片裁剪(按比例)
把图片按 1:1、16:9、4:3 等标准比例自动居中裁剪。
图片 0 0
图片宽高比检测
拖入图片,查看其像素尺寸、简化宽高比、十进制比例、百万像素、方向、文件大小和最接近的常见预设。
图片 0 0
宽高比计算器
宽 × 高 ↔ 比例(16:9、4:3、21:9 …)互算——任意比例适配容器。
转换 0 0
图像裁切 (自动裁剪透明 / 纯色边框)
自动检测并裁剪图像的透明、白色、黑色或任意纯色边框 — 可调容差、可加内边距、支持 PNG/JPEG/WebP 导出。全部在浏览器内完成。
图片 0 0
图片文字水印
拖入图片并打上文字水印 — 选择角落、大小、不透明度、旋转、颜色、阴影或平铺整图。
图片 0 0
图片压缩
在浏览器中压缩并缩放 JPEG、PNG 和 WebP 图片。
图片 0 0