工具用的顺手吗?
你的反馈能帮助我们做得更好
为图片添加自定义颜色与宽度边框,快速生成带框图。
点击选择文件点击或拖拽图片到此处,批量添加边框 / 留白
图片 (支持格式: .avif, .bmp, .gif, .jpeg, .jpg, .png, .webp)
最大 1 MB
概览
了解工具能解决的问题、计算或处理逻辑,以及数据边界。
原图为 800 × 600 像素、外加边框宽度为 20 像素时,输出画布为 840 × 640 像素。宽度是统一应用到四条边的像素值:外加模式把画布向外扩展,并将原图居中;内嵌模式维持原图画布尺寸,在图像四周覆盖边框色。
边框颜色可通过颜色选择器或颜色文本框设置。外加适合保留主体完整并增加画布留白;内嵌适合不改变成品宽高、但希望让边缘出现色带的场景。
页面可一次加入多张图片,所有待处理图片共用当前宽度、颜色和模式。处理后每张图会单独显示原始与结果尺寸,并可逐张下载;完成多张时还可打包为 ZIP。文件名会保留原名称主体并附加边框标记。
指南
按步骤完成操作,并通过示例核对输入与结果。
点击或拖拽加入一张或多张图片,检查列表中的文件名和原始尺寸。
在宽度框填写像素值,在颜色框选择或输入颜色;默认宽度为 20 px,默认颜色为白色。
选择外加或内嵌:外加会扩大画布,内嵌会覆盖图片四边的一圈区域。
点击开始处理,逐张查看状态和输出尺寸;确认后单独下载,或在多张处理完成后打包下载。
例如,对 800 × 600 的图片使用 20 px 外加白边,左右各增加 20 px、上下各增加 20 px,所以宽度变为 800 + 2 × 20 = 840 px,高度变为 600 + 2 × 20 = 640 px。
处理前可先用一张小图比较两种模式:外加时主体完整保留在新画布内,内嵌时边缘色带压在原图内部。调整参数后需要再次点击处理按钮,结果列表会按当前批次逐项显示状态。
调整宽度、颜色或内外模式后,要按新的设置再次处理当前列表,下载的文件会使用最新一次成功处理的结果。若某一张显示失败,可先移除该项并确认源图在当前浏览器中可以正常打开,再重新加入处理。
场景
查看这项工具在不同工作与生活流程中的用法。
一组商品图片需要相似的白色外框时,可同时加入多张图并使用相同宽度和颜色。处理后先比较成品尺寸,再将结果放入商品详情或目录版面。
文档截图需要保持原始宽高时,可选择内嵌模式,让色带位于画布内部;完成后检查边缘是否遮住文字、刻度或重要图标。
分享照片前选择外加模式,为主体周围添加纯色空间。若平台要求固定比例,先核对加框后的宽高是否符合版式,再决定是否需要另行裁切。
如果一组图片要用于同一个版面,先用其中一张确定边框宽度,再把其余图片放进同一批处理,可以减少逐张重复设置。输出尺寸仍取决于每张原图的宽高,批量处理并不会把图片统一裁成相同尺寸。
外加留白会按每条边增加相同的像素数,因此非正方形原图不会因此自动变成正方形。目标版式若要求固定比例,应先根据新的宽高检查版面,再决定是否需要额外裁切。
问答
集中解答高频疑问与容易混淆的问题。
边框宽度会加在左右两侧和上下两侧,所以每个尺寸都增加两倍宽度。800 × 600 的图片会变为 840 × 640。
不会,输出画布仍与原图一样大。边框色覆盖在四边内部,宽度越大,遮住的图像边缘越多。
同一批待处理图片共用当前宽度、颜色和内外模式。若需要不同设置,可分批处理;每张结果可单独下载,多张完成后也可打包。
须知
使用前了解适用范围、结果限制与必要提醒。
边框宽度以像素计,不会随原图分辨率自动按比例缩放。小图使用很宽的内嵌边框时,边框可能遮住较大部分主体;若使用外加模式,成品尺寸会变大,需核对目标平台的尺寸要求。
处理时画布先填入所选颜色,再绘制原图;源图的透明像素会与底色合成,结果不会保留原有透明区域。图片像素处理在当前浏览器中进行。不同图片尺寸或格式可能带来不同的处理耗时,重要图片请先检查导出结果再替换原文件。
同一像素宽度在不同分辨率图片上占据的比例不同,因此较高分辨率的照片可能需要更宽的边框才能呈现相似视觉效果。若需要上下左右采用不同宽度、渐变或装饰纹理,当前选项不提供这些设置。
推荐
查找相关工具、专题与可用的 API 能力。