在线给图片加白边、留白
图片加白边工具让你在浏览器里直接给图片加边距 —— 在照片、图标或 Logo 周围加上均匀的留白、纯色背景或透明空白,全程不裁剪原图。设定最终的画布尺寸,选择想要的边距大小,就能下载到间距完美的成品。
它专为需要统一留白的 App 图标、favicon、Logo 和商品缩略图而打造,也适合想把图片变成正方形、又不切掉任何内容的社交平台贴文。放入一张图,调好边距,再导出为 PNG、JPG 或 WebP。
如何给图片加边距
添加图片
把图片拖放到上传区,点击浏览选择,或按 Ctrl+V(Mac 上为 Cmd+V)从剪贴板粘贴。支持 PNG、JPG、WebP 和 GIF 文件。
设置画布尺寸
选一个预设(32 至 1024 px),或自定义宽度和高度,最大可到 4096×4096。打开锁定宽高比,改动一个尺寸时即可保持形状不变。
调整边距和背景
拖动边距滑块,范围从 0% 到 50%,或把单位切换为像素以获得精确间距。图标保留透明背景,或为边距选一个纯色。
定位并下载
在画布上拖动图片来重新定位,然后选择 PNG、JPG 或 WebP,点击下载。先切换到批量模式,即可给多张图片加边距,并打包成 ZIP 保存。
功能特色
灵活的画布尺寸
使用从 32×32 到 1024×1024 的常用预设,或输入任意自定义尺寸,最大可达 4096×4096 像素,方便制作配套的图标集。
按百分比或像素设置边距
把边距设为画布的百分比(0–50%)以获得等比间距,或切换为精确的像素数值,实现精准控制。
透明或彩色背景
PNG 图标可保留透明边距,或选任意纯色背景来环绕你的图片。
自动裁去透明边
裁去透明边会检测并移除原图已有的透明边缘,让新加的边距保持准确。
多种适配方式
选择"适应"完整显示整张图片,"填满"填充并裁切,或"拉伸"精确铺满区域。
填充透明区域
填充图标会把图标内部的透明像素替换成纯色,同时让外侧的边距保持透明。
圆角处理
把图片圆角从 0% 调到 50%,做出圆角方形或正圆形的图标,而背景仍保持矩形。
自由定位
把图片拖到画布上的任意位置,打开居中辅助线对齐,或点击居中让它复位。
支持旋转
无需打开单独的编辑器,即可把图片顺时针旋转 90°、逆时针旋转 90° 或旋转 180°。
画质模式
照片和插画用平滑渲染,像素画则用像素化模式来保持边缘锐利清晰。
批量处理
切换到批量模式,用同一套设置给多张图片加边距,并一次性打包成单个 ZIP 文件下载。
多种导出格式
导出为支持透明的 PNG、体积更小的 JPG,或采用现代压缩的 WebP,并配有可调的质量滑块。
记住设置
画布尺寸、边距、适配方式等偏好都会保存在你的浏览器中,下次访问时自动恢复。
常见问题
怎么给图片周围加边距?
添加图片,设置画布尺寸,然后拖动边距滑块。工具会把图片居中,并用你选的间距环绕它 —— 透明或纯色都行 —— 之后再下载成品。原图不会被裁掉任何内容。
怎么在不裁剪图片的情况下加留白?
使用适应适配方式。它会把整张图片缩放到边距区域内,同时保持宽高比,所以整张图都看得见,多出来的空间就成了边距。关掉透明,边距就会填上你选的背景色。
怎么把图片做成 Instagram 用的正方形?
把宽度和高度设成一样(例如 1024×1024)得到正方形画布,保持适应适配方式,再加一点边距。纯白背景能营造经典的白框照片效果,透明背景则让 PNG 保持透明。
可以选择边距的背景颜色吗?
可以。取消勾选透明,用取色器为边距设置任意背景色。保持透明开启,边距就会维持透明,非常适合导出为 PNG 的图标。
支持哪些图片格式?
可以载入 PNG、JPG、WebP 和 GIF 图片。导出时可选 PNG(透明效果最好)、JPG 或 WebP,其中 JPG 和 WebP 格式带有质量滑块。
画布最大尺寸是多少?
画布支持最大 4096×4096 像素的尺寸。非常大的图片处理起来可能会稍慢一些,具体取决于你的设备。
适应、填满和拉伸有什么区别?
适应会显示完整图片,当宽高比不同时在两侧留出边距。填满会铺满整个边距区域,可能裁掉图片的一部分。拉伸会把图片精确缩放到填满区域,如果比例不匹配可能会变形。
可以一次给多张图片加边距吗?
可以。用顶部的开关切换到批量模式,添加多张图片,它们都会用同一套设置处理。点击下载 ZIP,即可把整批图片保存在一个压缩包里。
裁去透明边是怎么工作的?
开启后,工具会扫描图片找到非透明像素的边界,并把那块区域当作真正的内容,忽略已有的透明边缘。这样即便原图本来就有不均匀的透明边框,你新加的边距也能保持准确。
我的图片会被上传到服务器吗?
不会。所有处理都通过 Canvas API 在你的浏览器本地完成。图片绝不会离开你的设备,也不会被存储或追踪。
还没有评论,快来发表第一条!