缩放、裁剪与变换

图像边框生成器

为图像添加可自定义的边框。

拖入图像添加边框

支持 JPG、PNG、WebP、HEIC、TIFF 等 · 最大 40 MB MB

什么是 图像边框生成器?

Add customizable borders to images。为任意图片添加可配置的纯色/渐变/圆角边框。给截图加边框用于博客或社交卡片。原图外包裹指定粗细与圆角的边框。

所有处理均在浏览器本地完成,您的图片绝不会上传到任何服务器。

核心功能

  • 边宽 0–64px、圆角 0–128px
  • 纯色或渐变色
  • 可选内阴影加层次感

常见使用场景

  • 为肖像照片添加装饰边框打造相框效果
  • 创建风格一致的品牌产品图片
  • 为截图和演示文档添加彩色轮廓线
使用指南

如何使用此工具

图像边框生成器为任意图片添加可自定义的画框:纯色、可调宽度、可选圆角。它是快速为产品样机、博客缩略图、口碑卡片和作品集网格增添视觉质感的方式。

如何使用

将图片拖入上传区。选择边框颜色,拖动宽度滑块(1–120 px)到理想值,并调整圆角半径以获得更柔和的画框。所有控件都会实时更新预览,方便精细调节。

工具会把边框直接烘焙进输出 PNG 的像素中,不需要 CSS 包裹,因此上传到任意平台、打印或嵌入 PDF 时效果都完全一致。

  • 颜色、宽度、圆角实时预览
  • 支持圆角(0–120 px 半径)
  • 把边框烘焙进像素,通用可移植
  • 基于 canvas 原生渲染,边缘在 Retina 屏上依旧锐利

设计建议

边框颜色与品牌色板保持一致,能带来更强的品牌一致性。边框宽度应与图片大小成比例:缩略图 4–12 px,主视觉图 16–32 px。

圆角(8–24 px 半径)会让构图更柔和,也贴合现代玻璃拟态/新拟态风格。硬边则更偏向古典和编辑设计。

常见问题

能做圆角矩形吗?

可以,把圆角设 >0 然后导出 PNG。

会改变尺寸吗?

输出比原图多两倍边宽。

有哪些边框样式?

实线、虚线、点线,宽度1-50px可调,圆角可调,支持取色器或HEX任意颜色。

可以只给特定边加边框吗?

可以,上下左右各边可独立开关,实现不对称边框。

加边框会增大文件吗?

因像素增加会略微增大。Web用建议导出WebP或JPG减小体积。

这个工具免费吗?

是的,完全免费,无需注册、无水印、无每日限制。所有处理在浏览器本地运行。

可以在边框上加阴影吗?

不能直接添加。请在嵌入网页时使用 CSS 阴影,或使用专门的阴影工具。

圆角支持透明度吗?

支持。圆角之外的部分在 PNG 输出中会变为完全透明。