图片边框生成器
为照片添加装饰边框——实线、虚线、点线或双线，可设置圆角和可选投影，完全在您的浏览器中完成。
输入
Drop an image or browse
One file · image
完全在您的浏览器中处理——图片绝不会上传到服务器。
照片周围边框的粗细。
使照片和边框的角变圆。
通过柔和的阴影使带边框的照片从背景中浮起。
输出
结果
Your edited image will appear here.
SVG源码
这对您有帮助吗？
使用此工具的更多方式
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/imagekit/image-border/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="图片边框生成器 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
也可通过
使用指南
为任意照片添加装饰边框——选择样式、颜色和粗细，然后下载带边框的结果。所有操作都在您的浏览器中即时完成，不会上传到服务器。
工作方式
上传图片，然后按您的喜好调整边框：
- 边框宽度 — 照片周围边框的粗细。
- 边框颜色 — 边框颜色，可以输入任意十六进制值，也可以使用取色器。
- 边框样式 — 实线（平整的填充边框）、虚线、点线或双线，与 CSS 的
border-style样式相同。 - 圆角半径 — 同时圆化照片和外层边框的角。保持为 0 时，角保持直角。
- 添加投影 — 通过柔和的阴影使带边框的照片从页面中浮起，在彩色或图案背景上使用时很有用。
拖动控件时，结果会即时更新。您可以将结果下载为 SVG 文件，或直接复制其源代码标记。
提示
- 虚线和点线样式在边框宽度中等至较大（30px 以上）时效果最佳——宽度过细时，虚线图案太小，难以看清。
- 双线会将边框宽度分成两条较细的线，中间留有间隙，因此双线边框需要比实线更宽才能显得饱满——可以尝试 60px 或更大。
- 下载的 SVG 是原始图片的矢量封装，因此在任何尺寸下都保持清晰——与栅格化导出不同，缩放不会损失画质。
- 将圆角半径与投影搭配使用，可获得卡片式效果，例如用于网站原型图或社交媒体帖子。
imageborderframephoto effectpicture framephoto border