在线添加图片边框

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

添加边框做了什么

添加边框直接在画布上操作,而不是在照片上叠加一层滤镜。它会把图片加载到一个比原图更大的内存画布中——画布的宽度和高度都会增加正好两倍的边框宽度数值,即每条边各增加一次——然后在这个外围区域用边框颜色描绘一个矩形框,再把您的源图片以完整分辨率、不做任何改动地绘制在新增内边距的中央。图片自身的像素完全不会被触碰;这个工具是在图片周围添加素材,而不是覆盖或重新采样它。 实线样式会以完整的边框宽度绘制一条连续的线条。双线样式会把同样的宽度拆分成大致相等的三段——外圈线、间隙、内圈线——两条线都使用同一个边框颜色,从而形成一种经典的相框效果,两条线之间留有一道细细的空白。由于这三段中的每一段至少需要一个像素才能渲染出来,双线效果只有在宽度足够大时(大约 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 通道。

更多图片工具

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