如何使用CSS在图像周围添加非矩形边框?

如何使用CSS在图像周围添加非矩形边框?,css,image-processing,image-manipulation,Css,Image Processing,Image Manipulation,我有三个图像,它们的形状不是正方形或长方形。他们就像任何人的脸 基本上,我的图像是1966年至196年的大小,或者类似的东西,但是完整的正方形或矩形,中间的脸部和其余部分的透射背景。 现在,我想移除透明背景,只保留人脸 我不知道这是否可行,请注意,这不是一个编程问题 编辑(来自评论):如何使用CSS在图像形状周围放置边框,而不是在边框周围放置矩形边框。回答您关于脸部边框的问题 将图像加载到Photoshop或gimp中 制作第二层作为副本 在底层,调整面大小,使其达到您想要的边界大小 使用低公差

我有三个图像,它们的形状不是正方形或长方形。他们就像任何人的脸

基本上,我的图像是1966年至196年的大小,或者类似的东西,但是完整的正方形或矩形,中间的脸部和其余部分的透射背景。

现在,我想移除透明背景,只保留人脸

我不知道这是否可行,请注意,这不是一个编程问题


编辑(来自评论):如何使用CSS在图像形状周围放置边框,而不是在边框周围放置矩形边框。

回答您关于脸部边框的问题

  • 将图像加载到Photoshop或gimp中
  • 制作第二层作为副本
  • 在底层,调整面大小,使其达到您想要的边界大小
  • 使用低公差用边框颜色填充放大的面,使面现在为单色
  • 保存到.png并允许其展平

  • 据我所知,CSS无法做到这一点——您可以使用ImageMagick或(dislaimer,我为Atalasoft工作)一个.NET图像SDK编写一个程序来实现这一点。在这两种方法中,你都要复制文件,调整大小,改变颜色,然后将原始文件覆盖在上面。

    -1对于非编程问题。所有图像(除了一些向量构造)都使用四边形边界框。我从来没有听说过实现这一点的机制。也许上下文会有帮助,你想做什么?好吧,我知道这会发生,但我们不要在意,谢谢你的评论。。。我正在做的是。。。我把一张图片分成三张,这样这些图片就可以通过HTML点击了。我设法使用CSS将它们设置为原始照片中的颜色,但当我尝试添加边框颜色时,它没有起作用,只是将形状(即方形、矩形等)加上边框。因此,我想删除透明性,并使它们使边框围绕图像,而不是形状。。。我希望你能理解,我不知道你说的取消透明度是什么意思。就图像处理而言,您可以设置图像或整个图像中某个层的alpha通道值,但我不确定删除透明度的含义。正如Gabriel所说,无论你是否看到边框,图像都是矩形的。CSS边框只围绕矩形。浏览器支持的任何光栅格式中都不能有非矩形图像。我编辑了这个问题以合并这些注释。我想说,这是一个编程问题,但CSS中确实没有解决方案。