-
2019-05-30 10:44:55
1、新建PPT,插入图片,点击图片,选择删除背景
2、选择保留更改,然后将图片存为.png格式即可
更多相关内容 -
js把图片的背景变透明
2019-01-16 11:15:25图片的背景变透明不是为了酷,而是实际开发工作的需要。在web开发中,经常在网页上添加图片,如果图片的背景与网页的背景不同,会非常难看。如果图片的背景是透明的,那么无论网页的背景是什么,图片的背景是看不到... -
解决java压缩图片透明背景变黑色的问题
2020-09-04 12:21:50主要介绍了解决java压缩图片透明背景变黑色的问题,需要的朋友可以参考下 -
Android png透明图片转jpg时背景变黑的解决方法
2020-08-28 10:30:17主要介绍了Android png透明图片转jpg时背景变黑的解决方法,需要的朋友可以参考下 -
图片背景透明工具加强版(抠图软件)
2019-01-02 23:01:18图片背景透明工具加强版(抠图软件) 支持任意格式的图片,将图片的背景变成透明,可以加强透明程度! -
如何用技术手段将图片背景变为透明?
2020-03-31 12:27:004 结果展示 以下面的眼镜举例,这是一张白底为底色的眼睛: 找了一张最近B站重做的《头文字D》中周董图片: 假如你没有将眼镜的图片背景透明化,那么贴上去图片最终成像: 如果眼镜背景透明化了,那么贴上去的图片...咪哥杂谈
本篇阅读时间约为 6 分钟。
1
前言
上周给大家分享了人脸识别的一个 Python 库。今天来继续讲讲我上次在评论区留言的后续。
既然是追热点的需求,大家可以想想,近几年发生在身边的热点事件。
我来简单的给大家梳理一下,从我毕业之后到今年我感知到的热点事件。
2017年圣诞节,微信头像,戴上了圣诞帽子。
2019年国庆节,微信头像,给我一面国旗。
2020年初肺炎,微信头像,共同抗疫,带上口罩。
发现没有,微信作为现在主流的社交平台,每年伴随热点的总会和头像有关。
头像是什么?头像可以代表网络社交上一个人的门面,只要有一小撮人玩起来,那后面就像滚雪球似的,人也就越来越多。
所以,近期的文章,我来围绕着制作头像模板,或者说是图像模板,来写一写相关的实现技术。等待着下一次的流量过来,直接套好模板,做出服务就行了。
上周写了图像人脸识别基础的应用,那如何实现套模板?或者换个问法,如何将热点套用在用户原有的图片上?
那一定是需要将热点图片的背景变为透明色,并且覆盖在原有的图像上了。(此处,与今天文章的标题点题了。
)
今天先来介绍如何将图片的背景颜色变为透明色。下面开始正文。
2
环境准备
开始之前,先来重温下这篇文章的第四部分:
看完后,你会理解我们平时所说的 RGB 的含义,那后面就好说了。
接下来,只需要按照 pillow 库。
pip install pillow
3
代码部分
代码没有几行,但是需要理解下:
from PIL import Image def transparent_back(): img = Image.open('old.png') # 图片转换为四通道。第四个通道就是我们要修改的透明度。返回新的对象 img = img.convert('RGBA') # 获取图片像素尺寸 width, height = img.size pixel_data = img.load() for h in range(height): for w in range(width): pixel = pixel_data[w, h] r = pixel[0] g = pixel[1] b = pixel[2] a = pixel[3] # 四通道,色彩值大于浅灰色,则将像素点变为透明块 if r > 220 and g > 220 and b > 220 and a > 220: pixel_data[w, h] = (255, 255, 255, 0) img.save('new.png') # 保存新图片
pillow库的 Image 在之前的文章中提到过。
open打开本地图片,通过 convert 方法将图片转为 R/G/B/A。
(RGBA是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha的色彩空间)
这里的 A,代表透明度的意思,尽管它英文本意 alpha 没有透明度的意思。感兴趣的可以看下知乎的这篇文章。
https://zhuanlan.zhihu.com/p/24415265
接下来,获取图片的每个像素点的这个通道值,如果此时的色彩值亮于220这个数值,则将该像素点块的 alpha 通道置为透明。
来直观的看下 221 数值的颜色(灰色):
255呢(纯白色)?
这意味着,在我的这段代码中,只有当你原图片的背景色,需要在这之间的色差值,才能被变为透明图片,而恰好,我们大多数图片背景都是偏白色,所以,如果当你背景为深黑色系,那么,需要将这段代码的数值修改下。
4
结果展示
以下面的眼镜举例,这是一张白底为底色的眼睛:
找了一张最近B站重做的《头文字D》中周董图片:
假如你没有将眼镜的图片背景透明化,那么贴上去图片最终成像:
如果眼镜背景透明化了,那么贴上去的图片则是这样的:
至于如何将眼睛用技术手段覆盖在周董眼睛上,将在下一篇中介绍。
5
总结
图片透明化,如果做设计的或者个人网站时候,经常会用到,有些网站在设计 logo 时,logo的图片背景透明化,才能完美符合网站的底层色彩去呈现,类似抖音官网的这样:
好啦,本篇内容就到这里,如果你有什么想说的,欢迎评论区留言。
一句很鸡汤的话送给大家:“机会往往是留给有准备的人”。有些东西,看到了,可以提前布局,静静地等待"热潮"的到来。
PS:本篇代码很简短,就不上传到 github 了。
题图 上海夜景 - pexels - Manuel Joseph
▼
往期精彩回顾
▼
-
将图片背景处理为透明的方法步骤
2020-04-22 10:34:16将图片背景处理为透明的方法步骤1 简单处理图片2 将背景设置为统一颜色3 将背景设置为统一颜色4 保存图片5 一些说明 将一张图片的背景处理成透明,是在工作生活中经常碰到的问题,这个问题的解决可以通过PS这个...将图片背景处理为透明的方法步骤
将一张图片的背景处理成透明,是在工作生活中经常碰到的问题,这个问题的解决可以通过PS这个图像处理神器完成。对于这样的图片处理,对于UI设计的人员来说是小菜,对我们开发者来说,可能就比较困难,我是基于图像处理小白来进行说明的,当然我本身也是图像处理的菜鸟,也是咨询大神后,才顺利完成的。
下面说一下具体的方法步骤1 简单处理图片
进入PS软件,打开图片,首先需要对图片进行新建图层的操作,按快捷键Ctrl+J,就复制了一个原图片的图层,后面我们就可以对这个新建的图层进行操作了。这个操作的目的是为了以防失误,这样能够不影响原图片,还能退回到最开始的起点进行处理。
在右侧的图层面板,将背景图左侧的眼睛按一下,背景层就不可见了,点一下图层1,后面我们就在图层1上进行操作。
然后对图片进行简单处理,比如需要旋转一下,剪裁一下等,在图像菜单找到对应的选项,进行相应的处理。我们的示例图片需要做逆时针旋转90度,,可以让文字看上去比较舒服。
对于图片的简单处理,还可能会将图片进行剪切,比如为了将图片的文字部分突出,可以将其余的空白部分剪掉,只保留文字部分区域。这个步骤可以通过矩形选框,选择文字部分,然后剪切,再新建一个文件,拷贝到新文件上,这样就可以达到突出文字主体部分的目的。
2 将背景设置为统一颜色
图片的简单处理完成之后,下一步就是将图片的背景色调整为一个颜色,一般情况下,我们需要处理的图片背景的颜色比较接近,为了更方便的处理,我们先将背景处理成一个颜色。选择图像-调整-曲线,如图,先点一下红色圆圈标出的空水笔,然后点击随意图片的空白背景,这时候图片的整个背景就会变成白色。由于图片背景有一些横线,可以继续在横线上点击,这时候,横线也会变成白色。为了加强文字和背景的对比,可以点击蓝色圆圈的黑色水笔,再点击图片上的文字,这时候文字会加深黑色效果,最终呈现的图片就是如下图所示的黑白分明的图片。
3 将背景设置为统一颜色
这一步是选取空白区域,然后删掉,就达到将背景变为透明的效果。利用魔棒工具选取空白区域,右键点击左侧工具栏的魔棒图标,然后点击魔棒工具,这里面可以设置魔棒的容差,默认值是32,如果背景颜色不够一致,可以将容差值调的大一些,或者为了效果,可以将容差值调小。然后用魔棒工具在图片的空白处点击,就选取了图片的背景。
有的文字,还有闭合的一些空间,直接使用魔棒还没有选取到这些闭合空间,比如文字中“悟空”的“悟”的“五”,就有一个小的闭合空间。选择菜单选择—选取相似,这样就能将闭合空间也选取上了。然后按delete键,删除背景色,这样图片的背景就变成了透明色。
4 保存图片
背景为透明的图片,只能保存为png格式,我们将最后的处理结果保存为png格式的文件。文件—存储为,选择png格式,然后保存。
5 一些说明
对于PS这个常用工具,我们不是专门的UI设计人员,但还是应该掌握一些基本的使用方法,特别是一些常用的PS技能,能够做一些简单的图片处理,不然就会对图片处理手足无措。
在工作生活中,对经常遇到一些图片处理的小问题,有的时候通过查找资料,或者通过请教大神,能够把问题解决,下次碰到类似问题,可能还是要重新查找资料或向其他人请教,将一些小的技巧,记录下来,可以方便下次查阅。 -
PS 图片背景变为透明
2021-06-10 16:45:321.将下载的图片拖入ps 或者使用ps文件 -> 打开 2.图像->模式->RGB颜色(默认为索引颜色)1.将下载的图片拖入ps 或者使用ps文件 -> 打开
2.左上方菜单栏 图像->模式->RGB颜色(默认为索引颜色)
3.新建图层(双击“背景“”那一行即可)
4.使用魔棒选中需要删除的区域,然后按delete键,效果如下:
5.最后存储为图片(png、jpg等)
-
Adobe illustrator(AI) 矢量图形软件 | 图像描摹(怎么把白色背景色的图片背景变为透明色)
2021-12-21 13:22:27Adobe illustrator(AI) 矢量图形软件 | 图像描摹(怎么把白色背景色的图片背景变为透明色) illustrator如何把白色背景色的图片背景变为透明色? -
透明背景图片怎么做?
2021-06-13 13:22:17透明背景图片怎么做?手机端APP傲软抠图是一款专业的图片换背景软件,适用于Windows,安卓以及iOS系统。它提供人像识别,物品识别,以及图章、logo识别,这款App采用智能识别技术,随着识别的图片增多,抠图技术... -
快速去除GIF动图的背景(让背景变透明),保姆级教程
2022-04-08 11:38:19如何去除GIF动图的背景(让背景变透明),保姆级教程保准教会你,PS和PR结合处理,高效,快速,比单纯的使用PS处理更快的方式 -
css设置图片背景透明度
2021-06-12 02:59:26我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!... -
数百张gif透明背景loading图片大全.zip
2019-08-27 09:51:01164个loading图片gif透明背景+gif透明背景loading图片大全 -
Unity中将图片改为支持透明背景模式
2016-04-19 23:45:541.全选中所有的图片资源2.在Inspector中选择Texture->Editor GUI and Legacy GUI3.选择Apply即可4.现在看图片就已经可以生成透明的背景 -
CSS实现背景图片透明而文字不透明效果的两种方法
2021-06-11 15:25:52摘要:方法一(毛玻璃效果):背景图 + 伪类 + flite:blur(3px)方法二(半透明效果):背景图 + 定位 + background:rgba(255,255,255,0.3)CSS实现背景图片透明,文字不透明效果的两种方法项目中经常会用到背景图上放一些... -
黑色背景视频和白色背景图片变透明的方法
2020-03-11 15:04:44css 的 mix-blend-mode 属性 例1: mix-blend-mode:screen 滤色 <div> <div class="bg"></div> ...video src="../../../2.mp4" autoplay="autoplay" muted="muted" /&...--2.mp4是一个黑色背景的动... -
div设置背景图片透明度且字不透明
2012-09-26 17:20:59div设置背景图片透明度且字不透明,div设置背景图片透明度且字不透明 -
php缩放gif和png图透明背景变成黑色的解决方法
2020-10-25 09:09:38需要缩放一些gif图然后在去Imagecopymerge,后发现背景图不对,透明的背景图变成了黑色,下面是修改之后的代码 -
164个loading图片gif格式-透明背景
2017-10-31 10:38:09内含164个gif格式loading加载图,全部为透明背景。样式种类比较多,适合网站使用。 -
java实现图片去除底色,图片变成透明背景
2020-10-11 12:36:10在线图片去除底色工具-透明背景图片 免费图片去底色工具:https://tools.kalvinbg.cn/image/bgRemover -
css如何设置背景图片的透明度
2021-08-04 06:00:32css如何设置背景图片的透明度发布时间:2020-11-16 10:34:06来源:亿速云阅读:70作者:小新了解css如何设置背景图片的透明度?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面... -
css图片渐变透明效果
2021-12-23 10:45:01其实不是透明 而是图片渐渐向背景色靠齐 这里我们以白色为例 话不多说 我们直接上代码 <!DOCTYPE html> <html> <head> <title>image preview demo</title> <style type="text/... -
在线PS把图片背景变成透明(灰白格子)
2021-05-31 16:27:36第一步:访问https://www.photopea.com/ 第二步:通过"文件"-->"打开"路径选择需要处理的图片文件 第三步:选择魔棒工具点选白色部分 第四步:接着,按Delete键删除白色部分,再按Ctrl+D取消选区 第五步:最后点击... -
ps -- 将图片背景设置成透明的
2021-12-19 17:29:171: 例如将下面这张图的背景设置成透明色 2: 将图片用ps打开 3: -
wps中图片怎么样调透明度_word设置图片背景透明的图文教程-爱纯净
2021-01-17 00:02:09word设置图片背景透明的图文教程:第一步:打开wps文字主界面,在工具栏中点击【插入】,展开项中选择【形状】--【长方形】。这个要根据需要设置透明度的图片来选择的。第二步:接着用鼠标【画】出... -
Python PIL.Image之修改图片背景为透明
2020-12-24 08:04:27------------------------------------------------语法基础------------------------------------------------ import PIL.Image as Image 相关模块 img=Image.open('round.png') 使用Image打开图片,返回一个... -
整理的loading gif图片一组,背景透明
2017-07-13 18:33:47背景透明loading.gif,上传一下方便自己以后找也方便大家 -
table标签怎么实现内容不透明,背景图片透明
2021-06-12 14:12:49</tr> <tr> 第四节</th> 语文</td> 数学</td> 物理</td> 化学</td> 政治</td> 英语</td> </tr> </table> </div> </body> </html> 显示的效果: 这样的话,表格的内容和背景图片都虚了,我只想让背景图片透明,内容... -
制作ppt时如何使logo背景变成透明
2021-12-14 20:37:10在制作PPT的过程当中,往往会碰到的一个问题就是,在得到一张logo图片时,背景往往不是透明的,当导入到PPT当中之后,往往和背景颜色不搭,那么如何在制作PPT的过程当中,使得logo能够很好的与PPT背景颜色搭配呢?...