图片留白与边框
图片
在图片周围添加纯色（或透明）背景留白，并可选添加彩色边框，可保持四边均匀留白，也可按目标比例自动调整。适用于 Instagram 正方形帖子、竖版故事、YouTube 缩略图、幻灯片统一外观、打印边框等场景。结果以 canvas 渲染，可下载为 PNG、JPEG 或 WebP。图片和所有处理都保留在浏览器内。
—
使用方法
- 拖入或选择图片 — 为保证性能，长边会缩放至 2400px。
- 选择『固定留白』（四边均匀）或『按比例适配』（目标宽高比）。
- 设置留白量、背景色（PNG/WebP 可选透明）以及可选边框。
- 下载为 PNG、JPEG 或 WebP。
常见问题
- 图片会被上传吗？
- 不会。通过 `URL.createObjectURL` 本地加载并绘制到 `<canvas>` 中，数据不会离开你的设备。
- 『按比例适配』模式是怎样工作的？
- 在较短的轴方向上额外补足留白，使最终画布达到所选比例（如 Instagram 正方形 1:1）。图片居中，滑块设置的是比例适配前的最小留白。
- 选择 JPEG 时为什么『透明』变灰？
- JPEG 不支持 alpha 通道，透明像素会保存为黑色或白色。如需透明背景请使用 PNG 或 WebP。
- 留白和边框有什么区别？
- 留白是图片外部的背景空间；边框是紧贴图片边缘的彩色框，位于留白之内。两者可以同时使用、分别使用或都不使用。