在线添加图片边框

为图片添加自定义边框,支持颜色和宽度设置。

添加边框做了什么

添加边框直接在画布上操作,而不是在照片上叠加一层滤镜。它会把图片加载到一个比原图更大的内存画布中——画布的宽度和高度都会增加正好两倍的边框宽度数值,即每条边各增加一次——然后在这个外围区域用边框颜色描绘一个矩形框,再把您的源图片以完整分辨率、不做任何改动地绘制在新增内边距的中央。图片自身的像素完全不会被触碰;这个工具是在图片周围添加素材,而不是覆盖或重新采样它。 实线样式会以完整的边框宽度绘制一条连续的线条。双线样式会把同样的宽度拆分成大致相等的三段——外圈线、间隙、内圈线——两条线都使用同一个边框颜色,从而形成一种经典的相框效果,两条线之间留有一道细细的空白。由于这三段中的每一段至少需要一个像素才能渲染出来,双线效果只有在宽度足够大时(大约 15px 或以上)才会呈现为两条清晰分开的线;宽度较小时,各段会被压缩在一起,看起来像一条粗线。 边框在特定意义上是统一的:一个边框宽度数值会同时应用到四条边上,而且无论照片本身是什么形状,边角始终保持方正——这个工具不会做圆角处理,也没有为每条边单独设置不同宽度,或做非对称留白的控制。输出会保持原文件的类型,因此在 JPEG 上加的边框仍然是 JPEG,在 PNG 上加的边框仍然是 PNG,这一点对双线样式的间隙尤其重要:这个间隙不会被填充任何颜色,因此在 PNG 上会呈现为透明,而在 JPEG 上会呈现为纯黑,因为 JPEG 没有 alpha 通道。

为什么要使用添加边框

在多种常见工作流程中,边框是构图的一部分,而不只是装饰。为印刷品或作品集网站给图片配框的摄影师,需要一个能被视为作品本身一部分的边框——围绕照片、以真实像素为单位设定的宽阔均匀白边,而不是用排版工具在别处近似模拟出的留白。印刷前处理是一个相关但不同的场景:在文件送往会按固定尺寸裁切的印刷厂之前,添加一个精确到像素的安全边距,确保原始边缘附近的内容不会被裁掉。品牌和目录制作是另一个场景——把边框颜色设置为精确的十六进制色值,让一批产品照片都带上完全一致的边框颜色,而不是仅仅“接近”的某个色调,这种细微差异在缩略图网格中会立刻显得格外突兀。而且由于这个工具一次可以处理多个文件,它是给整组拍摄素材或整个图库统一打上相同宽度、颜色和样式边框的快捷方式,不需要在几十次导出中手动重复设置同样的三项参数。

精确匹配十六进制色值,保持品牌一致性
像素级精确的宽度控制,1–50px
实线或双线两种边框样式
本地处理,不上传任何内容

如何添加边框

整个流程就是在添加边框页面上设置四项参数,再执行一次操作。

1

打开添加边框工具,添加一张或多张图片——同一套设置会应用到您添加的每个文件上

2

拖动边框宽度(1–50px)来设置边框的像素厚度

3

用颜色选择器设置边框颜色,或者直接粘贴品牌的十六进制色值来实现精确匹配

4

选择实线或双线样式,然后应用——画布渲染并把图片缩放以适配新边框时,会短暂显示“处理中...”

常见问题

双线样式会把边框宽度拆分成三段——外圈线、间隙、内圈线——每一段都至少需要一个像素才能渲染出来。宽度较小时,这些段会互相压缩在一起,呈现为一条线,而不是带间隙的相框效果。请把边框宽度设置为大约 15–20px 或更高,才能得到视觉上清晰可辨、两条线之间有明显间隙的双线边框。
添加边框只会绘制一个矩形边框——边框的外角始终保持方正,即使照片本身的角已经是圆的。如果您想要边框和圆角同时呈现的效果,请先添加边框,再对加了边框的结果运行圆角工具,这样圆角效果会应用在边框的外边缘,而不会在已经是圆角的照片周围留下方正的边框角。
边框宽度的范围是 1 到 50 像素,以 1px 为步进。它是一个固定的像素数值,而不是图片的百分比,因此同样的数值在不同源图片上看起来差异很大——20px 在一张 4000px 的照片上是很细的边线,但在一张 300px 的缩略图上就是很厚重的边框。请以实际图片为准检查效果,而不要在分辨率差异很大的照片间沿用同一个宽度数值。
不会。边框是直接在您的浏览器中通过 HTML canvas API 绘制的——图片被加载到一个内存画布中,边框在其周围被描绘出来,结果在本地导出为文件。没有任何内容会被发送到服务器,之所以能做到这一点,是因为添加边框不需要 AI 或服务器端处理,这一点和去除背景之类的工具不同。
不可以——边框宽度是一个统一应用到四条边的单一数值。这个工具会把画布按这个数值的两倍扩大(每条边各增加一次),并把原图居中放置在新增的内边距中,因此在这个工具里没有办法让某一条边比其他边更厚。
它不会裁剪或缩放照片内容。画布会在两个方向上各扩大两倍的边框宽度——20px 的边框会让宽度和高度各增加 40px——您的原图会以完整分辨率绘制在这个更大的画布中央。可见的画面内容不会改变;您只是得到了一张更大的最终图片。
不可以。边框颜色使用标准的颜色选择器,返回的是一个纯色的十六进制值,边框本身是作为不透明的线条绘制的,因此没有针对边框的不透明度控制。如果需要带色调或半透明的叠加效果,需要用另一个支持 alpha 通道的工具。
可以——您可以选择多张图片,一套边框宽度、边框颜色和样式设置会应用到整批图片上。输出会保持源文件的格式,因此 JPEG 仍然是 JPEG,PNG 仍然是 PNG。这一点对双线样式尤其重要:两条线之间的间隙不会被填充任何颜色,因此在 PNG 上呈现为透明,在 JPEG 上则呈现为纯黑,因为 JPEG 没有 alpha 通道。

更多图片工具

探索其他强大的图片编辑工具

压缩图片

减小文件大小

调整大小

更改尺寸

裁剪图片

裁剪区域

格式转换

转换格式

照片编辑器

编辑照片

旋转图片

旋转图片

镜像翻转

水平/垂直翻转

添加水印

添加水印

圆角裁剪

添加圆角效果

滤镜调整

亮度对比度等

模糊面部

隐藏面部

马赛克

局部打码

去除背景

去除背景

提升质量

AI 提升

添加文字

在图片上加字

图片拼接

拼接多张图片

HTML 转图片

网页转图片

GIF 转图片

提取序列帧

裁剪空白

移除空白边缘

批量重命名图片

安全地批量修改文件名

圆形裁剪

将图像裁剪为圆形

黑白

将图像转换为灰度

分割图像

将图像切割为网格

合并图像

将多张图像合并为一张

更改DPI

设置图像DPI元数据

图像转Base64

将图像编码为Base64

图片转PDF

将多张图片合并成一个PDF

HEIC 转 JPG

将 iPhone 的 HEIC 照片转换为 JPG

EXIF 元数据移除器

查看并清除照片中隐藏的元数据,包括 GPS 位置信息

Favicon 生成器

全套图标加 HTML

色板

从图片中提取颜色

Base64转图片

把Base64解码还原成图片

HEIC转PNG

把iPhone的HEIC照片转成无损PNG

文字穿插图片

把文字放到照片主体背后,全程在浏览器中完成

取色器

获取任意像素的HEX、RGB和HSL值

签名制作

手写签名并下载为透明PNG

签名去背景

把纸上的墨迹变成透明背景

透明背景制作

把背景变成透明

表情包生成器

为图片加上上下两行大字

图片放大

把图片放大 2 倍、3 倍或 4 倍

PDF 转 JPG

把 PDF 页面转成 JPG 图片

PDF 转 PNG

把 PDF 页面转成 PNG 图片

证件照制作

把 ID 照裁切到官方尺寸