Python PIL - 不透明度> 0的PNG的所有区域的不透明度都设置为1 - 腾讯云开发者社区

文章/答案/技术大牛

发布

五星红旗国庆头像制作教程来了

国庆节终于来了，最近有个五星红旗半透明渐变头像很火，在抖音里、微信群里都流行起来了。那么，作为python玩家，是不是也要共享一下自己的力量，用python快速制作这样的头像呢！？来吧，展示！...目录： 1. 原理简介 2. 实现步骤 2.1. 读取图片 2.2. 截取区域 2.3. 设置透明渐变 2.4. 粘贴到头像并保存 3. 完整代码 1....基于这个思路，结合之前《Python基础模块：图像处理模块@PIL(批量分类处理图片及添加水印)》里介绍的PIL库，我们大致可以将实现步骤拆分为如下几步：读取国旗和头像照片 open 截取国旗部分区域...而对应color来说，是包含四个参数的元组(R,G,B,alpha)，分别是RGB值和透明度，其中透明度255表示不透明，0表示100%透明。...本例最简单满足需求的就是透明渐变从左到右透明度依次变高（参数值变小），考虑到从255变为0 且只能是整数，这里由于微信头像是900*900，所以我考虑的是每3个像素进行一次透明度渐变，当超过255之后则透明度为

2.3K4 0

使用Python给图片添加水印

如上图2所示，PNG支持透明度（即alpha通道），但JPG没有。这里需要注意： 1.RGB的值为255表示每种颜色的最大值。将所有三个值设为最大值(255,255,255)基本上是白色。...2.alpha通道的值为255表示不透明；而alpha值为0表示完全透明。 Pillow库使JPG文件转换为PNG格式变得非常容易。...注意，参数内部的范围可以是0到255。值为0表示完全透明，即我们不会看到任何东西；255表示不透明。这里选择了数值180，这样我们的水印图像将有点半透明。...我们可以通过将图像上所有白色像素的alpha通道设置为0（透明）来“删除”白色背景。...我们首先将水印图像的大小调整为基础图像的1/5，当然也可以使用另一种适合你需要的大小。图6 然后，将创建一个与基础图像大小相同的空“画布”，并将此画布设置为处处透明。

3.2K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

使用numpy处理图片——基础操作

前三种三原色比较好理解，即一个颜色可以通过红绿蓝三种颜色组成；Alpha则是代表透明度，0代表完全透明，255代表完全不透明，中间的数值则代表相应程度的半透明。...可以看到Alpha 255的图片，背景是白色的，且是不透明的；而Alpha 0背景区域是完全透明。...一张图片，我们看成是一个像素组成的二维数组；如果每个像素用RGBA表示，则演变成一个三维数组。只是之前的每个元素变成了一个长度为4的维度。...准备工作下面是一张960*1536，背景色是白色，完全不透明的图片——example.png。后面我们将针对这张图片做相关处理。...代码的第6行，第一个“:”表示所有的第一维度（高），第二个“:”表示所有的第二维度（宽），3表示Alpha通道所在的RGBA中的下标。这种写法，比逐个遍历数据要方便的多。

7281 0

国庆节换头像热潮：国旗渐变微信头像和微信头像加上国旗！制作教程来了，你会了吗？？？

1.简介明天就是国庆节，再也不用@官方了，自己制作头像更换就可以了。，最近有个五星红旗半透明渐变头像很火，在抖音里、微信群里都流行起来了。...而对应color来说，是包含四个参数的元组(R,G,B,alpha)，分别是RGB值和透明度，其中透明度255表示不透明，0表示100%透明。...本例最简单满足需求的就是透明渐变从左到右透明度依次变高（参数值变小），考虑到从255变为0 且只能是整数，这里由于微信头像是900*900，所以我考虑的是每3个像素进行一次透明度渐变，当超过255之后则透明度为...# 获取头像的尺寸 w,h = touxiang.size # 将区域尺寸重置为头像的尺寸 quyu = quyu.resize((w,h)) # 透明渐变设置 for i in range(w):...w,h = touxiang.size # 将区域尺寸重置为头像的尺寸 quyu = quyu.resize((w,h)) # 透明渐变设置 for i in range(w): for j

3.1K3 0

python图像处理-个性化头像

我们的处理过程其实就是将原来的图片变成RGBA格式，RGB是红绿蓝三种颜色，这里的A就是透明通道的意思，A的取值范围是从0-255之间变化，当A设置为0时，完全透明，255时完全不透明。...回到我们上面原来的猫图片，只要我们能够将猫图像的圆形区外的所有地方变成完全透明(看不见了)，那么整个图片就变成圆形的了。...这里如果自己去计算圆形的边界，圆形外侧全部设置为完全透明，圆形内容不变，一个个像素点去处理，那将会非常麻烦，牛角的就更不用想了。...这里的putalpha正常里面是放入一个0-255的数字的，表示要将这整张图片设置为透明度为多少，这是方式对于整张图片都更改透明度非常方便，但是对于更改局部或者特定形状部分的透明度就不行了；这里使用另外一种方式...，传入一张灰度图模式的圆形图片(灰度图是黑白图片，灰度0是显示黑色的，灰度255是显示白色的)，猫的圆形外的透明度就被设置成黑色所代表的数值0，而0在透明度中是表示完全透明的，最终猫的圆外就变成透明了，

1.5K1 0

NumPy Cookbook 带注释源码四、连接 NumPy 与剩余世界

from PIL import Image (Python 3) import scipy.misc lena = scipy.misc.lena() # Lena 是 512x512 的灰度图像...# 创建与 Lena 宽高相同的 RGBA 图像，全黑色 data = np.zeros((lena.shape[0], lena.shape[1], 4), dtype=np.int8) # 将...data 的不透明度设置为 Lena 的灰度 data[:,:,3] = lena.copy() # 将 data 转成 RGBA 的图像格式，并保存 img = Image.frombuffer(..."RGBA", lena.shape, data, 'raw', "RGBA", 0, 1) img.save('lena_frombuffer.png') # 每个像素都设为 #FC0000FF...（红色） data[:,:,3] = 255 data[:,:,0] = 222 img.save('lena_modified.png') ?

6392 0

【Android 应用开发】Paint 图形组合 Xfermod 之合成模式表示方法 ( Xfermod 使用步骤 | 透明度颜色值公式表示方法 | 老版本表示方法 | 合成区域分块 )

( Source Image ) : 设置 Xfermod 之后 , 后绘制的图像是源图像 ; 方程中的相关变量说明 : 1.目标图像相关 : ① 目标图像指定像素位置的透明度 :...} ; 合成方程 : 1.方程来源 : 每一个独立的透明度合成模式或者混合合成模式都提供了对应的方程 ; 2.方程作用 : 这些方程用于计算源图像与目标图像合成结果的对应像素点的...的透明度 : R_a ; ② 合成后指定像素位置的颜色值 : R_c ; ---- 合成模式相关区域合成区域描述 : ① 集合 S 表示源图像素不透明区域 ; ② 集合 D...表示目标图像像素不透明区域 ; ③ 集合 R 表示绘制结果的不透明区域 ; ④ 集合 A 代表全集所有区域 ( 整个框透明 + 不透明所有区域 ) ; ⑤ 集合 S \cap D 表示...源图像与目标图像不透明区域的交集 ; ⑥ 集合 S \cup D 表示源图像与目标图像不透明区域的并集 ; 之后的每个模式都要分析上述某几个区域的透明度和颜色值 ;

1.9K2 0

【Android 应用开发】Xfermod 图形组合之 SRC 类合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )

( 源图像素透明区域 ) : S 区域的补集 ; 该区域的透明度与颜色值与源图像一样 ; ① 透明度计算 : 根据公式 , 该区域中源图透明度 \alpha_{src} 为...0 ; ② 颜色值计算 : 根据公式 , 该区域中源图颜色 C_{src} 为 0 ; 上面两个区域的计算公式是一样的 ; 透明度 : \alpha_{out} = \alpha_...合成区域描述 : ① 集合 S 表示源图像素不透明区域 ; ② 集合 D 表示目标图像像素不透明区域 ; ③ 集合 R 表示绘制结果的不透明区域 ; ④ 集合 A 代表全集所有区域...( 整个框透明 + 不透明所有区域 ) ; ⑤ 集合 S \cap D 表示源图像与目标图像不透明区域的交集 ; ⑥ 集合 S \cup D 表示源图像与目标图像不透明区域的并集...; ④ 集合 A 代表全集所有区域 ( 整个框透明 + 不透明所有区域 ) ; ⑤ 集合 S \cap D 表示源图像与目标图像不透明区域的交集 ; ⑥ 集合 S \cup D

3.5K1 0

一篇文章带你了解CSS Opacity(透明度)

二、Firefox，Safari，Chrome，Opera和IE9中的CSS不透明度当前浏览器中CSS不透明度的最新语法。示例的取值范围为0.0到1.0。设置为opacity: 1;会使元素完全不透明（即0％透明），opacity: 0;而使元素完全透明（即100％透明）。...该值0使元素完全透明（即100％透明），而该值100使元素完全不透明（即0％透明）。...透明框中的文字在元素上使用不透明度时，不仅元素的背景将具有透明度，而且其所有子元素也将变为透明。如果不透明度的值变高，将使透明元素内部的文本难以阅读。...四、总结本文基于CSS基础，介绍了CSS Opacity改变图片透明度，不同的浏览器中的图片透明度改变的方法。浏览器的兼容性，改变透明框中的文字，都通过案例的分析进行详细的讲解。

2.6K1 0

中心放大图片与改变遮罩透明度

最后，以上交互的主体、触发、动作以及动作的目标都是什么？鼠标指针进入图片时，实际上是进入了遮罩层，所以交互的主体是遮罩层，触发为鼠标移入时，动作是设置图片尺寸和设置遮罩层的透明度。...鼠标指针离开图片时，实际上是离开了遮罩层，所以交互的主体还是遮罩层，触发为鼠标移出时，动作同样是是设置图片尺寸和设置遮罩层的透明度。...接下来，再给矩形填充颜色设置为50%不透明 ? 二、添加交互 1、鼠标移入时第一个动作：设置图片的尺寸，宽度为“320，高度为“320，锚点选择【中心】，动画选择【线性】，时间为“500”毫秒。...第二个动作：设置矩形的不透明度为0 ? 2、鼠标移出时则相反，参照上边的步骤，图片宽高恢复原状，矩形的不透明度为50% 设置完之后咱们预览一下 ?...感觉不对劲，整个图片尺寸都变大了这个比较好解决，动态面板能够只显示状态内容的部分区域，我们只需要把这些做好的内容放入动态面板，并固定动态面板的尺寸就可以了全选所有元件，右键转化为动态面板 ?

2.1K2 0

纯干货！谷歌MD深色主题设计规范详解（附Sketch官方文件下载）

A 高程为 1dp 的卡片，叠加层不透明度为5% B 高程为 6dp 的浮动按钮，使用没有叠加层的次要色 C 底部菜单栏，高程为 8dp，叠加层不透明度为12% 值得注意的是，叠加层不应应用于使用主色和次要色的...比如下面的案例中，#1F1B24 这一色彩就是在深色基准色 #121212 的基础上，和不透明度为 8%的品牌色叠加之后的结果。...主题配色色彩在文本的易读性中起到了重要的作用。所有的深色主题的配色方案都应该让UI中的元素都足够有对比度，足以通过 WCAG 的 AA 规则，也就是超过 4.5:1 的底线。...在深色背景上的浅色文本当浅色文本出现在深色背景上的时候（这里是白色文本置于黑色背景之上），它应该遵循下面的不透明度设置规则：最重要的内容，白色文本不透明度设置为87% 中等重要的内容，白色文本的不透明度为...禁用状态所有的被禁用的组件，都使用不透明度为 12% 的白色用来呈现外轮廓和填充色，并使用不透明度为 38% 的白色来显示文本和表层的内容。 ?

11.3K1 0

css opacity属性_CSS中的opacity属性

不透明性是指任何存在或不存在的元素的透明程度。如果我们说某个对象是不透明的，则意味着该对象的透明度为0 ，这又意味着没有人可以透过该对象查看。...如果我们说某个对象是透明的，则该对象的不透明度为0 。...定义：如前所述，不透明度是透明度。在CSS中， opacity属性倾向于设置元素的不透明度。...注意： opacity属性的缺点是，如果将元素设置为透明的，则所有属性的子元素也将变为透明的。如果要避免这种情况，并希望使文本在元素内可读，则应改为RGBA值。...The default value of opacity is 1. 不透明度的默认值为1。

4.5K2 0

时至今日，浏览器色彩居然仍旧失真？

你的浏览器色彩失真情况 post15image2.png CSS 渐变 post15image3.png SVG 渐变正确的透明度 post15image4.png 绿色和白色为25%的不透明度...，黑色为75%的不透明度在25%的透明度下叠加明亮的颜色，应该是为了正确地染上底层的黑暗区域，像灯光照在投影屏幕上一样洗掉它们。...你的浏览器透明度失真情况 post15image5.png PNG的透明度 post15image6.png CSS rgba()背景 post15image7.png CSS的不透明度 post15image8....png SVG填充不透明度正确的缩放比例 post15image9.png 一个按2次方缩小的测试图像灰色方块的外部和内部应该是相同的整体亮度，因为它们都发出了平均亮度为白色一半的光。...网络上几乎所有的颜色（从普通PNG文件中的数据到CSS和SVG中的十六进制值）都不是以实际的颜色强度来表示的，而是使用一种叫做 "8位sRGB "的有损压缩算法。

4.9K17 7

前端特效开发 | JS实现聚光灯看图效果

；同时为了让鼠标移入时有更好的展示状态，在hover时特地为图片增加一个白色的边框，以区分当前展示的图片区域。.... $('.spotlight ul li').hover(function(){ //...找到它里面的图像，并添加活动类，并更改不透明度为1（无透明度） $(this).find('...img').addClass('active').css({ 'opacity' : 1 }); // 获取其他列表项，并更改其中的图像的不透明度为我们在Spotlight...}); 3.3 还原初始状态还原初始状态主要是发生在鼠标彻底的移开图片区域的时候，这时只需要为最外层的无序列表绑定鼠标移开事件—mouseleave，然后在里面设置所有的图片都不透明度即可，如下操作...}); // 获取其他列表项，并更改其中的图像的不透明度为我们在Spotlight对象中设置的一个 $(this).siblings('li').find

5.5K5 0

【PS算法理论探讨一】 Photoshop中两个32位图像混合的计算公式（含不透明度和图层混合模式）。

层某点的颜色为： B2= 80 G2 = 71 R2= 162 A2 = 135 场景一：两个图层直接叠加即混合模式为正常，前景的不透明度为100%...场景三：仅仅改变图层的不透明度如下所示设置，前景层的不透明度为70%。...所有的颜色都变了。...还是先来看A值，经过测试比对，此时A值的计算公式为：其中O表示不透明度的值，有效范围是[0,100]。...场景四：同时改变图层混合模式和不透明度如下所示设置，同时设置混合模式为正片叠底，不透明度为70%。

2.5K2 0

PS基础，让你弄懂画笔工具

1....设置与快捷键首先，我们要了解笔刷应用中最长使用的快捷键：普通模式和精确光标模式切换：Caps Loc 大小调节：[/] 硬度调节：Shift+[/] 数字键可以调节笔刷的不透明度 Shift+...编辑->常规下的光标选项 ? 2. 基本选项通过上面的快捷键，可以实现快速改变画笔的不透明度，这可以改变笔刷的能见度。通过减少流量的数值，在同一区域多画几次，可将色彩建立的过程呈现。...（也可视为可调节的“不透明度”，不透明度涂抹浓度是持续的，而流量的涂抹浓度可以调节）如果你喜欢这种效果还可以选择喷枪选项。 ? 3. 画笔笔尖形状打开画笔面板。...7.定义工具预设可将指定的画笔预设设置保存为工具预设。 ? 8. 定义画笔预设很容易的就能新建画笔预设（选中区域，然后），然后可以随意挥洒灵感了！ ? 9.

1.4K2 0

《颠覆传统：CSS遮罩的图像创意设计指南》

遮罩，简单来说，就是通过定义一个遮罩层，利用遮罩层的透明与不透明区域，精准地控制元素哪些部分可见，哪些部分被隐藏。它打破了传统图像显示的局限，为我们呈现出一种全新的视觉控制方式。...以一张半透明的PNG图像作为遮罩层为例，其透明部分会如同隐形的屏障，将下方图像对应的区域隐藏起来；而不透明部分则像一扇明亮的窗户，让图像的相应部分清晰展现。...当遮罩图像是基于透明度的PNG图像时，它会按照alpha通道（透明度）来判断哪些部分显示，哪些部分隐藏；而当遮罩图像是基于亮度信息的图像时，它会根据图像的亮度值来决定遮罩效果。...alpha模式完全基于遮罩图像的透明度来进行遮罩操作，透明度为0的区域完全隐藏被遮罩元素，透明度为1的区域则完全显示。...这种模式在使用具有明确透明区域的PNG图像作为遮罩层时非常有效，能够精准地控制图像的显示范围。

2861 0

particles.js使用及配置

style.css 我们也可以引入，背景颜色是在css中设置的。...1) 不透明度 0.75 particles.opacity.random boolean 随机不透明度 true / false particles.opacity.anim.enable...to 1) 渐变动画不透明度 0.25 particles.opacity.anim.sync boolean true / false particles.size.value number...to 1) 连接线不透明度 0.5 particles.line_linked.width number 连接线的宽度 1.5 particles.move.enable boolean...to 1) 原子互动抓取距离连线不透明度 0.75 interactivity.events.modes.bubble.distance number 原子抓取泡沫效果之间的距离

1.6K3 0

让项目效果更酷！ThingJS地图新功能——3D线条渲染

0], // opacity:0.2 ,// 设置不透明度默认是1 // speed: 1 ,// 流动效果速度，默认是0 不流动；speed 可正可负，正负代表流动方向 ...color : 设置线的颜色，可为rgb数组（[255,0,0]）、rgb字符串（’rgb(255,0,0)’）、十六进制字符串（‘#ff0000’） opacity : 设置线的不透明度，默认是1...：设置线的不透明度，默认是1 · effect：设置是否开启线发光效果，默认为false（不开启发光特效）注意事项注意：矢量纯色渲染的管状线暂不支持设置speed（即展示流动效果） ### 片状线...单位为像素 color: [0, 255, 0], // opacity: 0.2,// 设置不透明度默认是1 // speed: 1 ,// 流动效果速度...rgb数组（[255,0,0]）、rgb字符串（’rgb(255,0,0)’）、十六进制字符串（‘#ff0000’） · opacity：设置线的不透明度，默认是1 · speed：设置流动效果速度，默认是

2.2K0 0

如何为应用选择最合适的图像格式

由此看来 PNG-24 是不支持透明的，PNG-32 是支持透明的。 PNG透明度从 Fireworks 8的优化面板里可以看到 PNG 格式存在三种透明格式：不透明、索引透明和 Alpha透明。...PNG 8透明度从上面那个图里可以看出 PNG 8 是支持这三种不透明格式的。但是 Photoshop 只支持导出不透明和索引透明格式。...在Photoshop 中如果选择 PNG 8，且勾选了透明度，那么导出的图片就是 PNG 8 索引透明，否则就是 PNG 8 不透明。 ?...PNG 32 图片的透明区域在 IE 6 下将不再透明，而是颜色值为 f0f0f0 的灰色填充，在更高级版本的 IE 下是正常的。PNG 32 图片不会有锯齿。...8 导出的 GIF 不透明格式外，所有的其他 GIF 格式的图片都存在锯齿。

2K3 0

点击加载更多

五星红旗国庆头像制作教程来了

使用Python给图片添加水印

使用numpy处理图片——基础操作

国庆节换头像热潮：国旗渐变微信头像和微信头像加上国旗！制作教程来了，你会了吗？？？

python图像处理-个性化头像

NumPy Cookbook 带注释源码四、连接 NumPy 与剩余世界

【Android 应用开发】Paint 图形组合 Xfermod 之合成模式表示方法 ( Xfermod 使用步骤 | 透明度颜色值公式表示方法 | 老版本表示方法 | 合成区域分块 )

【Android 应用开发】Xfermod 图形组合之 SRC 类合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )

一篇文章带你了解CSS Opacity(透明度)

中心放大图片与改变遮罩透明度

纯干货！谷歌MD深色主题设计规范详解（附Sketch官方文件下载）

css opacity属性_CSS中的opacity属性

时至今日，浏览器色彩居然仍旧失真？

前端特效开发 | JS实现聚光灯看图效果

【PS算法理论探讨一】 Photoshop中两个32位图像混合的计算公式（含不透明度和图层混合模式）。

PS基础，让你弄懂画笔工具

《颠覆传统：CSS遮罩的图像创意设计指南》

particles.js使用及配置

让项目效果更酷！ThingJS地图新功能——3D线条渲染

如何为应用选择最合适的图像格式

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐