像素头像； 隐私优先的 Gravatar 替代品 — Ben Gillbanks

最近 Justin Tadlock 在 WP Tavern 上发布了关于 WordPress 隐私团队计划在 WordPress 中使用本地化身来改进核心 WordPress 中的隐私选项的计划。

多年来，我一直在考虑制作自己的头像系统。我喜欢做有创意的事情，我认为制作一个有吸引力的头像替换会很有趣。

默认情况下，WordPress 带有一堆生成的头像（MonsterID、Wavatar、Identicon、Retro），这些头像对每个用户来说都是独一无二的，但这些都很丑陋且模糊不清。

我想让一些东西更有吸引力，更独特。结果现已添加到Toolbelt 插件中。

最初我想把它作为一种创造性的练习。我没有考虑过此更改的隐私方面，但这完全有道理。

所有 WordPress 头像都是在 Gravatar.com 上生成的。包括没有帐户的用户的通用填充符。这意味着 Gravatar 可能会跟踪网络上的用户。包括没有账户的人。Gravatar 可能不知道人们是谁，但他们可以通过关注人们评论或发帖的地方学到很多东西。

他们还可以使用图像加载作为计算页面展示次数的一种方法，并使用页面上的头像数量作为衡量内容/网站受欢迎程度的一种方式。有很多统计数据可以通过查看网络上的图像来收集。

我应该补充一点，我非常怀疑他们正在做这些事情。但它的潜力是存​​在的。

此外，Gravatar 使用 md5 哈希来生成头像。这很容易破解，对许多人来说这可能是个问题。

除了隐私之外，在第三方域上托管图像还会影响速度。如果您有数百条评论，那么加载所有头像的额外工作将导致性能下降，无论加载图像的 CDN 有多好。

最初是一个有趣的创意项目，后来变成了解决这些问题的尝试。

最初我打算用 PHP 制作头像，就像默认头像一样。但我决定用 Javascript 制作它们并在画布上爬行。

为了制作头像，我使用了一系列的形状和颜色。面部分为头型、身体、头发和嘴巴。对于这些项目中的每一个，我从可用列表中选择要使用的形状和要使用的颜色，然后将它们全部组合起来。

颜色使用 hsl 颜色模式。这意味着我可以手动选择饱和度和亮度，并改变每个形状的色调。我特别想控制亮度，这样我就可以确保不同形状之间有一致的对比。例如，我们需要确保嘴形比脸形更暗，以便它始终可见。

每个形状都可以使用所选颜色的 2 种色调之一，即基色和较暗的版本（通过使 hsl 颜色的亮度变暗自动生成）、黑色和白色。这允许形状的一些变化和颜色的一致性。

选择的形状和颜色不是随机的。对于每个用户，我使用电子邮件地址创建一个简短的哈希字符串，然后按顺序使用字符串中的字符。字符串中的第一个字符是背景颜色。字符串中的第二个字符是脸的颜色，第三个字符是脸的形状，依此类推。

因为哈希与用户的电子邮件地址相关联，所以它在各个网站上都是一致的，因此当您在不同的地方发表评论时，您将始终获得相同的头像。

用于创建头像的代码小而高效。它小于 5kb，小于一张 Gravatar 图像的大小。另外，因为化身是在本地画布上绘制的，所以没有打电话给第三方网站。一切都在浏览器中进行，因此速度非常快。

我现在已经把它变成了一个插件并将它添加到Toolbelt，我的隐私和速度专注于 Jetpack 的替代品。

该插件的代码在 Github 上。

我正在此站点上运行新的 Pixel 头像，它们似乎运行良好。可能有一些初期问题，或者我没有考虑过的事情（最有可能是在 wp-admin 中），但大多数情况下这是一个非常简单的改变。

如果您确实发现了任何问题，那么我真的很感激在这里发表评论、推文或Github 上的问题，或其他任何内容。