图片边框工具
图片工具为图片添加边框，可自定义宽度、颜色与实线/虚线/点线样式，输出 PNG、JPEG 或 WebP，适合证件照加边框与设计稿装饰，浏览器本地运行，数据不上传，免费且无需注册即可使用。
拖入图片或点击上传
相关工具
关于 图片边框工具
图片边框工具基于 Canvas 2D API 在浏览器本地为图片添加自定义边框。支持实线、虚线和点线三种边框样式，可自定义边框宽度（1 至 50px）、颜色（HEX、RGB、HSL）以及边距。处理逻辑通过扩展画布尺寸并使用 CanvasRenderingContext2D 的 strokeStyle、lineWidth 和 setLineDash 属性绘制边框路径，再将原始图片绘制在边框内侧。输出格式支持 PNG、JPEG 和 WebP。虚线与点线适合做示意图标注，实线则更常用于成品图的规整包装；白色细边再加少许留白能模拟拍立得照片的效果，彩色粗边则适合需要强调边界的产品图。需要留意的是，边距和边框宽度是两回事：边距是图片到边框之间的空白，边框宽度才是线本身的粗细，先想清楚要的是「留白」还是「压边」再调参，能避免反复试错。建议在加边框前预留足够的边距，避免裁切到画面主体，导出为现代格式能在相近观感下获得更小的体积，便于直接用于网页配图与文档插图，加载也更快。
使用方法
- 打开 图片边框工具 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 证件照加框 — 为证件照添加白色或蓝色实线边框，满足签证或考试报名的图片规格要求。
- 产品图装饰 — 为电商产品图添加细线边框，增强图片在白色背景下的视觉边界感。
- 社交媒体配图 — 为 Instagram 或朋友圈配图添加彩色虚线边框，增加趣味性和辨识度。
- 相册排版 — 为照片添加白色边距和细边框，模拟拍立得或相册照片的视觉效果。
- 设计稿标注 — 为设计稿截图添加红色边框，在文档中高亮标注重点区域。
常见问题
支持哪些边框样式？
支持实线（solid）、虚线（dashed）和点线（dotted）三种样式，通过 Canvas 的 setLineDash 属性实现不同的线条图案。
边框颜色能自定义吗？
能。支持 HEX（如 #FF0000）、RGB（如 rgb(255,0,0)）和 HSL 格式的颜色值，可精确匹配品牌色或设计需求。
边距和边框宽度有什么区别？
边框宽度是线条本身的粗细；边距是图片与边框之间的空白距离，通过扩展画布尺寸实现，两者可独立设置。
能让边框只在部分方向显示吗？
当前为图片四周统一加框。如果只需要单侧线框，可先裁剪图片或使用绘图软件补足，本工具面向整体边框场景。
边框会盖住图片内容吗？
不会。边框绘制在扩展出的画布边缘区域，图片内容完整绘制在边框内侧，二者互不遮挡。
图片会被上传吗？
不会。所有边框绘制在浏览器本地通过 Canvas API 完成，图片不离开你的设备，可安全处理隐私图片。
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。