百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

2021已过去一半,用Python换一张新头像吧

ztj100 2025-03-30 00:18 4 浏览 0 评论

不知不觉,2021年也过去了一半的时间。、

不知道大家年初立的flag,都实现了多少。

这期小F就来教大家,如何使用Python生成emoji风格的头像。

效果大致如下图,由很多的emoji图片方块组成一张新的头像图片

细节图~

主要是通过matplotlib、pillow和numpy这三个库来实现的。

import matplotlib.pyplot as plt
from scipy import spatial
from PIL import Image
import numpy as np

对于numpy和matplotlib(以及几乎所有的图像处理库)而言,图像基本上只是一个矩阵(例如A),其中每个像素(p)都是A的元素。

如果是灰度图像,则每个像素(p)只是一个数字(或标量)。如果为浮点数,则为[0, 1]。如果为整数,则为[0, 255]。

如果不是灰度级(例如在这次的情况下),则每个像素都是尺寸为3-红色(R),绿色(G)和蓝色(B)或尺寸为4-RGBA的矢量(A代表Alpha,表示的是透明度)。

首先读取图像,并且将图像尺寸缩小。

# 读取图片,并且修改图片大小
G_sm = np.array(Image.open('fans.png').resize([50, 50]).getdata()).reshape([50, 50, 3])/256
# 显示图片
plt.figure()
plt.imshow(G_sm)
plt.title('Original Image')
plt.show()

然后读取emoji图像数据,一共是有近1600个emoji图像数据。

# 读取emoji数据
emoji_array = np.load("emojis_16.npy")
# 获取emoji的平均颜色值
emoji_mean_array = np.array([ar.mean(axis=(0,1)) for ar in emoji_array]) 
# 将得到的每个emoji平均颜色值存储在树中以加快搜索速度
tree = spatial.KDTree(emoji_mean_array)

整个图像的平均颜色计算公式如下。

np.load,读取磁盘数组数据的函数,通常数组是以未压缩的原始二进制格式保存在扩展名为.npy的文件中。

indices = []
# 平整数组,一维
flattened_img = G_sm.reshape(-1, G_sm.shape[-1])
print(flattened_img.shape)
# 匹配最相似的表情符号的像素
for pixel in flattened_img:
    pixel_ = np.concatenate((pixel, [1]))
    # 查询最近的索引
    _, index = tree.query(pixel_)
    indices.append(index)

将原图上每个像素点的颜色均值和emoji的颜色均值配对上。

# 从索引中获取对应的表情符号
emoji_matches = emoji_array[indices]
# 获取图片的高度
dim = G_sm.shape[0]
print(dim)
# 设置最终生成图像的大小,每个表情符号的形状都是(16,16,4),R, G, B, alpha
resized_ar = emoji_matches.reshape((dim, dim, 16, 16,4))

设置生成图像的大小,每个emoji图片的大小设置成16*16。

# 转换单个表情符号补丁(5维)
# 使用numpy块生成完整的图像(三维)
final_img = np.block([[[x] for x in row] for row in resized_ar]) 

生成最终结果图像,并且保存。

# 设置画布
plt.figure()
# 去除坐标轴
plt.axis('off')
# 显示图片
plt.imshow(final_img)
# 保存emoji马赛克风格图像,去除白边
plt.savefig('image_emoji.png', bbox_inches="tight", pad_inches=0.0)
plt.show()

通过设置plt.savefig的参数,去除图像白边,保存图片。

下面就使用小F的微信头像为例,来实验一波~

生成的emoji图看起来不是很细腻,可以设置一下图片参数为100。

G_sm = np.array(Image.open('weixin.png').resize([100, 100]).getdata()).reshape([100, 100, 3])/256

得到结果如下。

看起来还不错,大家伙也可以使用自己喜欢的头像去生成~

使用到的代码以及相关文件已上传,还有大家点赞、收藏、关注!

相关推荐

使用 Pinia ORM 管理 Vue 中的状态

转载说明:原创不易,未经授权,谢绝任何形式的转载状态管理是构建任何Web应用程序的重要组成部分。虽然Vue提供了管理简单状态的技术,但随着应用程序复杂性的增加,处理状态可能变得更具挑战性。这就是为什么...

Vue3开发企业级音乐Web App 明星讲师带你学习大厂高质量代码

Vue3开发企业级音乐WebApp明星讲师带你学习大厂高质量代码下栽课》jzit.top/392/...

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。...

超赞 vue2/3 可视化打印设计VuePluginPrint

今天来给大家推荐一款非常不错的Vue可拖拽打印设计器Hiprint。引入使用//main.js中引入安装import{hiPrintPlugin}from'vue-plugin-...

搭建Trae+Vue3的AI开发环境(vue3 ts开发)

从2024年2025年,不断的有各种AI工具会在自媒体中火起来,号称各种效率王炸,而在AI是否会替代打工人的话题中,程序员又首当其冲。...

如何在现有的Vue项目中嵌入 Blazor项目?

...

Vue中mixin怎么理解?(vue的mixins有什么用)

作者:qdmryt转发链接:https://mp.weixin.qq.com/s/JHF3oIGSTnRegpvE6GSZhg前言...

Vue脚手架安装,初始化项目,打包并用Tomcat和Nginx部署

1.创建Vue脚手架#1.在本地文件目录创建my-first-vue文件夹,安装vue-cli脚手架:npminstall-gvue-cli安装过程如下图所示:创建my-first-vue...

新手如何搭建个人网站(小白如何搭建个人网站)

ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...

零基础入门vue开发(vue快速入门与实战开发)

上面一节我们已经成功的安装了nodejs,并且配置了npm的全局环境变量,那么这一节我们就来正式的安装vue-cli,然后在webstorm开发者工具里运行我们的vue项目。这一节有两种创建vue项目...

.net core集成vue(.net core集成vue3)

react、angular、vue你更熟悉哪个?下边这个是vue的。要求需要你的计算机安装有o.netcore2.0以上版本onode、webpack、vue-cli、vue(npm...

使用 Vue 脚手架,为什么要学 webpack?(一)

先问大家一个很简单的问题:vueinitwebpackprjectName与vuecreateprojectName有什么区别呢?它们是Vue-cli2和Vue-cli3创建...

vue 构建和部署(vue项目部署服务器)

普通的搭建方式(安装指令)安装Node.js检查node是否已安装,终端输入node-v会使用命令行(安装)npminstallvue-cli-首先安装vue-clivueinitwe...

Vue.js 环境配置(vue的环境搭建)

说明:node.js和vue.js的关系:Node.js是一个基于ChromeV8引擎的JavaScript运行时环境;类比:Java的jvm(虚拟机)...

vue项目完整搭建步骤(vuecli项目搭建)

简介为了让一些不太清楚搭建前端项目的小白,更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架,那vue作为三大框架主流之一,在工作中很常用。所以就以vue为例。...

取消回复欢迎 发表评论: