技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 发现 --> 全球通用头像Gravatar的介绍

全球通用头像Gravatar的介绍

浏览:2678次  出处信息

1、Gravatar是什么?

Gravatar是www.gravatar.com 推出的一项服务,意为“全球通用头像”。如果在gravatar上注册了账号并在gravatar服务器上放置了头像,那么当在支持gravatar的blog上发言时,只要提供email地址,就能够显示与email相关联的头像。这样就为大家提供了一个统一管理多个头像的平台,只要站点支持gravatar,就不必特意为每个站点单独上传头像,省去了麻烦。

2、作为普通用户,如何使用Gravatar?

首先到gravatar上注册账号,只要填写一个常用的email地址,填写好密码,然后到邮箱里确认,就注册好了一个gravatar账号。随后用账号登陆gravatar,就可以开始为账号添加头像了,每个email可以和一个头像关联,上传头像的方式有很多种。

上传处理完头像偶需要为头像选择等级,不同的等级会决定你的头像是否在站点中显示,假如你的头像过于限制级,则在不支持此等级的站点中不会显示,而只会显示一个默认头像。

gravtar

  • G: 适合在所有网站的所有受众类型。

  • PG:可能包含粗鲁手势,挑逗性的着装,少许粗话,及轻微暴力等内容。

  • R:可能包含亵渎,极度暴力,裸体或吸毒等内容。

  • X:可能包含赤裸的性爱或极端暴力内容。

添加完毕后还需要等待审核,一般选择了G,而你的图片没什么特别的,很快就通过。遇上慢的情况也就10分钟左右。

3、作为开发这,如何使用Gravatar?

Gravatar不但为普通用户提供了头像解决方案,还为开发者们提供了一些接口,方便开发者调用gravatar头像以及在用户gravatar头像中包含的简单Profile。在Gravatar首页中可以找到开发者文档的入口,里面有关于如何使用gravatar接口的文档。
Gravatar上所有URL都是基于电子邮箱地址的哈希值。图像和个人档都是通过电子邮件的哈希值访问获取的,这是系统识别用户身份的主要方式。为确保哈希值的一致性和准确性,在生成哈希值时应遵循下列步骤:

  1. 去除掉电子邮箱地址头尾的空格符。

  2. 先将所有字母强行转换成小写字母。

  3. 使用md5算法计算处理后的电子邮箱哈希值。

比如,以”MyEmailAddress@example.com ” 为例(注意我们这里假设用户在邮箱地址末尾不小心多按了个空格),如果我们用md5直接对字符串进行编码,我们会得到下列内容:

按照上面提到的流程处理同样的电子邮件地址,可以得到一个完全不同的计算结果:

上述代码可写成一行代码:

获得生成的哈希值,就可以请求获取图像或是个人档。图片请求URL形式类似下面:

http://www.gravatar.com/avatar/哈希值

比如下面就是一个基本的URL链接。

http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50

若没有提供尺寸参数,则图像大小默认是80X80。不过,你可以通过s=或size=参数传递一个值(图像是正方形的),动态规定Gravatar图像大小。你可以请求从1px到512px范围内任意尺寸的图像,需要指出的是,许多用户头像的分辨率较低,因此大尺寸的头像效果可能较差。

如果某个电子邮件地址没有相应的Gravatar头像时会怎样呢?Gravatar会返回如下的默认头像:

gravatar-default

如果你需要使用自己的默认头像(可能是Logo等图片),你可以在图片链接后面的d=或者default=参数中指定你自己默认图片的URL地址。这个URL链接需要进行URL编码,确保传输的正确性。

<img src=”http://www.gravatar.com/avatar/md5?d=http%3A%2F%2Fexample.com%2Fimages%2Favatar.jpg” />

如何在PHP中对字符串进行URL编码,你可以参看下面这行代码:

当你指定了默认的头像时,Gravatar在电子邮箱哈希值没有对应的头像时会显示你指定的默认头像。

除了可以设置默认的头像外,Gravatar还提供一系列的内置参数选项作为默认值。这类内置参数选项会接受电子邮箱地址的哈希值,并使用该哈希值生成主题图片。若要启用这些参数,你只需在图片请求中添加上d=参数,并将参数值设置为下列值即可:

avatar

  • 404: 不载入任何头像。如果电子邮件地址哈希值没有对应的图像,则返回404响应(文件没有找到)

  • mm: 简约、卡通风格的人物轮廓像(不会随邮箱哈希值变化而变化)。

  • identicon:几何图案,其形状会随电子邮箱哈希值变化而变化。

  • monsterid:程序生成的“怪兽”头像,颜色和面孔会随会随电子邮箱哈希值变化而变化。

  • wavatar::用不同面容和背景组合生成的面孔头像。

  • retro:程序生成的8位街机像素头像。

如果你需要使用自己的默认头像(可能是Logo等图片),你可以在图片链接后面的d=或者default=参数中指定你自己默认图片的URL地址。这个URL链接需要进行URL编码,确保传输的正确性。

<img src=”http://www.gravatar.com/avatar/00000000000000000000000000000000?d=http%3A%2F%2Fexample.com%2Fimages%2Favatar.jpg” />

如何在PHP中对字符串进行URL编码,你可以参看下面这行代码:

echo urlencode( ‘http://example.com/images/avatar.jpg’ );

当你指定了默认的头像时,Gravatar在电子邮箱哈希值没有对应的头像时会显示你指定的默认头像。

除了可以设置默认的头像外,Gravatar还提供一系列的内置参数选项作为默认值。这类内置参数选项会接受电子邮箱地址的哈希值,并使用该哈希值生成主题图片。若要启用这些参数,你只需在图片请求中添加上d=参数,并将参数值设置为下列值即可:

404: 不载入任何头像。如果电子邮件地址哈希值没有对应的图像,则返回404响应(文件没有找到)
mm: 简约、卡通风格的人物轮廓像(不会随邮箱哈希值变化而变化)。
identicon:几何图案,其形状会随电子邮箱哈希值变化而变化。
monsterid:程序生成的“怪兽”头像,颜色和面孔会随会随电子邮箱哈希值变化而变化。
wavatar::用不同面容和背景组合生成的面孔头像。
retro:程序生成的8位街机像素头像。

出于某些原因,你可能需要强制显示默认头像。这时你可使用f=或forcedefault=参数,并将参数值设置为y。

http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y

Gravatar允许用户自行对头像分级,表明头像是否适合特定的受众群。只有G级的头像是默认显示的,除非希望看到更高分级的头像。你可以使用r=或rating=参数,指定参数,请求特定分级的头像。若要允许G或者PG级别的头像,可以参照下面实例设置。

http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?r=pg

你可以混用上述所有参数,以生成复杂的请求。比如下面这个URL请求的是200像素大小,分级为G或者PG级的Gravatar头像,如果对应的邮箱哈希值没有头像,则默认返回404响应。

http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200&r=pg&d=404

如果你需要在SSL传输的页面上显示Gravatar头像(比如HTTPS开头的URL页面),你希望Gravatar也是通过SSL传输的,若不这样,你会看到浏览器提示烦人的安全警告。若要进行安全请求,只需将Gravatar请求链接换成下面这样开头的链接即可。https://secure.gravatar.com/…除此之外,一切照旧,你只需确保URL开头跟上面一样即可。

最后推荐 一个卡通头像制的站点 http://www.faceyourmanga.com/

建议继续学习:

  1. 头像web版交互设计总结    (阅读:1303)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1