为图片添加边框
在浏览器中为任意图片添加彩色边框、内边距、圆角和投影，外部背景可选透明或带颜色。
将图片拖放到此处，或点击选择图片
也可以直接从剪贴板粘贴图片（Ctrl+V / ⌘V）
完全在浏览器中运行，您的数据不会被上传。
什么是 图片加边框？
这个工具会用任意宽度和颜色的实色边框为图片加框，还可选择用另一种颜色的内边距、圆角以及柔和的投影。边框外的区域可以保持透明（配合圆角和阴影很有用），也可以用背景色填充。
如何使用 图片加边框
- 拖放、选择或粘贴图片。
- 设置边框宽度和边框颜色，也可以设置内边距及其颜色。
- 需要的话，添加圆角半径以及阴影大小 / 偏移。
- 保持边框外透明或选择背景色，然后下载（PNG 会保留透明度）。
示例
输入
40×20 image, border 20 px #ff00ff, no padding, radius 0
输出
80×60 PNG whose top-left pixel is #FF00FF
何时使用 图片加边框
用于让文档中的截图更醒目、为照片添加白色“相纸”边框，或为社交帖子和幻灯片制作带圆角和阴影的图片。想要透明的圆角或阴影时，请使用 PNG 输出；JPEG 会用白色填充它们。
图片加边框 的工作原理
工具会创建一个比图片大的新 canvas，大小为图片加上两倍的边框与内边距，再加上阴影所需的空间。先用边框色填充一个圆角矩形（启用阴影时使用 canvas 的阴影设置），再用内边距颜色填充内部的圆角矩形，最后图片被裁剪到最内层的圆角矩形中绘制，因此圆角半径同样作用于照片。
常见用例
- 为 Instagram 帖子的照片添加白色相框。
- 在文档中为截图加一圈细灰边框。
- 制作带阴影的应用图标风格圆角图片。
- 为商品图周围添加统一的内边距。
安全提示
图片使用 Canvas API 在你的浏览器本地解码、处理和编码，不会上传到任何服务器。
常见问题
为什么我的圆角是白色的？
JPEG 无法存储透明度。请选择 PNG 或 WebP 作为输出格式，以保留透明的圆角和阴影。
输出尺寸是如何计算的？
宽度 = 图片宽度 + 2 ×（边框 + 内边距），启用阴影时每侧还要加上额外空间。高度的计算方式相同。
可以使用半透明边框吗？
颜色输入框接受 6 位 HEX 颜色，所以边框是不透明的。如果需要与背景匹配的相框，请把边框设为 0，只使用内边距。