图片加边框
六种边框样式:纯色、拍立得、投影、圆角、双线和胶片。厚度可以按像素设置,也可以按画面的百分比设置。
把文件拖到这里
.jpg, .jpeg, .png, .webp · 最大50 MB
如何添加边框
- 1
添加图片
支持JPG、PNG或WebP,一次最多100个文件。手机拍的照片会先转正,所以边框会加在正确的边上。
- 2
选择样式和颜色
按像素或短边的百分比设置厚度,并决定画布是扩大还是保持原尺寸。
- 3
点击“添加边框”并下载
单个文件直接下载;多个文件打包成pulsarkit-bordered.zip。
扩大画布,还是保持原尺寸
加边框有两种方式,适合不同的用途。扩大画布会保留照片的每一个像素,文件尺寸变大:一张2647 × 1489的图片加上20像素的边框,会变成2687 × 1529。打印照片,或者边框不能侵占构图时,就该用这种方式。保持原尺寸会把照片缩小,在空出的地方画边框,所以文件的尺寸和原来完全一样。如果平台要求特定的像素尺寸,比如信息流帖子要1080 × 1080的正方形,或者固定的横幅位,更大的文件上传后会被重新裁剪,这时就需要保持原尺寸。这个开关叫“扩大画布”,默认是打开的。
每种样式实际画了什么
纯色在画面周围画一圈你选的颜色,外角可以设成圆角。圆角会把整个结果裁成圆角矩形,所以四个角是透明的,而不是白色。双线画两条线,每条是厚度的三分之一,中间隔着一道对比色的间隙,就像装裱时裁出的双层卡纸。投影把照片放在透明画布上,在下面垫一层模糊的黑色副本,向右下方偏移。模糊用的是三遍盒式模糊,而不是画布自带的阴影属性,因为这个属性在Chrome和Safari里画出的模糊半径明显不同。拍立得采用真实相纸的比例:左右和顶部边距是画面宽度的百分之六,底部边距是百分之十八,底部边距里还可以加一行说明文字,字高为边距高度的百分之四十。胶片在上下各加一条黑条,高度是画面高度的百分之十二,每条黑条上有一排圆角齿孔,孔宽是画面宽度的百分之四,间距为百分之八,在一张标准横向照片上每条黑条有十二个孔。
什么时候输出会变成PNG
圆角和投影都需要透明度,而JPEG无法存储Alpha通道。把这样的结果存成JPEG,所有透明像素都会被填成黑色,好看的圆角边框就变成了四个角各带一个黑三角的照片。所以只要最终画布里有任何透明部分,文件就会改存为PNG,结果卡片上也会注明。判断依据是实际的像素,而不是样式名称。带圆角半径的纯色边框同样会产生透明部分,也会这样处理。
照片留在浏览器中
图片在你自己的设备上用WebAssembly编解码模块完成解码、加框和重新编码。它不会上传,事后没有需要删除的东西,EXIF信息也不会复制到结果里。写出加框后的文件时,相机型号、拍摄时间和可能存在的GPS坐标都会去掉。
常见问题
照片会上传到服务器吗?
不会。读取文件、解码、画边框和重新编码都在这个浏览器标签页里完成。不上传,服务器上也没有副本。
加边框会改变图片尺寸吗?
默认会:画布在每个方向上增加两倍边框厚度加两倍内边距,所以照片本身不变,文件变大。2647 × 1489的照片加上20像素的边框,得到2687 × 1529。
怎么保持原来的像素尺寸?
关闭“扩大画布”。输出的尺寸与输入完全相同;照片缩小后放进边框内并居中。平台要求精确尺寸、否则会重新裁剪你上传的图片时,就用这个选项。
为什么我的JPEG变成了PNG?
因为结果里有透明像素,而JPEG没有Alpha通道。圆角、投影和带圆角半径的纯色边框都会在角落留下透明部分;存成JPEG会把它们填成黑色。工具会改用PNG,并告诉你这一点。
能在照片下面加说明文字吗?
能,用拍立得样式。说明文字放在较宽的底部边距里,居中,字高为边距高度的百分之四十,最多保留四十个字符。字体是处理设备上的系统无衬线字体。
一次能给多少个文件加边框?
最多100个文件,合计300 MB。所有文件使用相同的样式和设置,结果打包成pulsarkit-bordered.zip。批量处理时按百分比设置厚度通常更合适,因为它会适应每张照片自己的尺寸。
边框最厚能设多少?
200像素,或短边的25%。超过短边45%的边框会直接被拒绝。到那个程度,照片只是彩色矩形中间的一枚邮票,工具会建议仍能留下画面的最大厚度。
手机上能用吗?
能。纯色、拍立得、圆角、双线和胶片基本上即时完成。投影因为要做模糊,耗时更多:普通照片不到一秒,非常大的照片在最大模糊下需要几秒。