Gravatar, você devia ter o seu.

Alguns já devem ter reparado que nos comentários deste blog (e de vários outros), aparece uma pequena figura ao lado do nome do autor do mesmo.

Essa figura é o Gravatar ou globally recognized avatar (Avatar Reconhecido Globalmente), que seria a sua representação gráfica na internet, uma espécie de ícone virtual.

Como funciona?

Simples, você se cadastra, gratuitamente, no site Gravatar, envia uma imagem para o site e a imagem será avaliada, classificada e liberada.

A imagem enviada é classificada manualmente e pode receber uma das classificações abaixo:

  • G: apropriada para exibição em qualquer site.
  • PG: não tão apropriado como o anterior, imagens que contenham gestos "obscenos", pessoas com roupa provocativa e coisas do gênero.
  • R: imagens mais pesadas, com nudez, uso de drogas, palavrões e violência
  • X: a classificação mais pesada, com sexo hardcore, violência pesada etc...

Na minha opinião, a classificação é uma das maiores sacadas do Gravatar, uma vez que permite ao webmasters decidir qual tipo de imagem pode aparecer em seu blog (ou site), imagine um blog infantil com gravatars de nudez liberada, seria um problema para o webmasters, na certa.

O ideal é que seja enviada uma imagem em 80x80 pixels, senão a mesma será redimensionada para este tamanho e pode não ficar exatamente como você gostaria.

Uma vez aprovada sua imagem, ela pode ser exibida em qualquer site que implemente a função através do seu e-mail.

Por exemplo, meu gravatar é:
echo "\"Meu" ; ?>

Ou seja, em todos os sites que implementam essa funcionalidade e eu utilizar meu e-mail de cadastro no Gravatar, aparecerá a imagem acima, para mostrar quem eu sou.

Poxa, Bruno, achei muito legal e me cadastrei, mas como eu exibo o Gravatar no meu site?

No próprio site do Gravatar, explica várias formas de implementar o gravatar, vou explicar, aqui, como fazer isso em um site em PHP e no WordPress.

No php, basta construir o endereço da imagem, com as informações necessárias para exibir o Gravatar:

$email = "someone@somewhere.com";
$default = "http://www.somewhere.com/homestar.jpg";
$size = 40;
$rate = "G";
$grav_url = "http://www.gravatar.com/avatar.php?
gravatar_id=".md5($email).
"&default=".urlencode($default).
"&size=".$size.
"&rating=".$rate;
<img src="<?php echo $grav_url; ?>" alt="" />

Explicando:

  • $email: E-mail de quem você deseja exibir o Gravatar.
  • $default: Imagem padrão, para ser exibida se a pessoa não possuir um gravatar. Se não for informado nada, será exibida um gif transparente com 1x1.
  • $size: Tamanho, sempre quadrado e menor que 80 pixels
  • $rate: O mair rating permitido, considerando o "G" como sendo o menor.

No WordPress, basta baixar o plugin, instalar e chamar a função dentro do loop do comentário, os parâmetros da função são:

gravatar(Classificação, Tamanho, Padrão, borda)

Com a mesma descrição das chamadas do PHP, a diferença é que o plugin já pega o e-mail da própria informação do WordPress.

    FAQ

  • Então eu posso exibir o gravatar em qualquer site, não só em um blog?
    Sim, desde que você possa determinar o e-mail da pessoa.
  • Meu e-mail está seguro?
    Sim, como o ID é um hash do e-mail usando MD5, é impossível restaurar o e-mail (pelo menos até onde se sabe ;) ).
  • Demora muito para a imagem ser classificada?
    A princípio, não, em média em menos de um dia, estará funcionando.
  • Tenho que pagar alguma coisa?
    Não, a não ser que queira ter vários Gravatars para o mesmo e-mail.
  • Afinal de contas, qual a vantagem de usar o Gravatar?
    Você ser reconhecido com mais facilidade, em todos os locais que fizer um comentário com o e-mail registrado no Gravatar aparecerá a mesma imagem.
  • tenho que usar meu Hackergotchi?
    Não, na verdade, pode usar qualquer imagem que desejar, até mesmo o logo do seu site ou mesmo uma imagem que não tenha a ver com nada?
  • Não tenho um blog, posso usar o Gravatar?
    Sim, a única exigência é que você tenha um endereço de e-mail e uma imagem.
  • Tentei de tudo que é jeito, mas não consegui implementar, posso te perguntar como fazer?
    Depois de tentar os passos, acima, se não der certo, fique a vontade de perguntar como fazer, preferencialmente, comentando neste tópico.
  • O que você ganha com isso?
    Na verdade, nada, só acho uma ferramenta bem interessante :D .

Abraços.

Melhores ofertas para:

Blog, Site, Avatar, Design, PHP, Programação

Compartilhe e Guarde:
  • StumbleUpon
  • Enviar para o Ueba
  • Rec6
  • Enviar para o LinkK
  • Enviar para o DiHitt
  • Enviar para o LinkLoko
  • Enviar para o WebSapiens
  • Enviar para o LinkTo
  • Technorati
  • Enviar para o Imera
  • Faves
  • Google Bookmarks
  • MySpace
  • del.icio.us
  • Facebook
tabs-top

29 Comentários para “Gravatar, você devia ter o seu.”

  1. Rafael Slonik disse:

    Inútil, mas legal!
    :)

  2. Bruno, parabéns pela matéria.

    Bem mais completa e explicado que a minha!

    Abraços!

  3. Rafael Slonik disse:

    Bruno, não deixe como automático a assinatura de posts….é ruim.

  4. [...] [update] 28-06-2006 - O Bruno Alves escreveu um post que detalha bem como funciona o Gravatar, se tiverem dificuldade em configurar ou abrir uma conta, dê uma olhada no tópico dele. [/update] [...]

  5. Bruno Alves disse:

    @ Rafael – Já removi, vamos ver como fica :)

    @Fernando – Desculpe, sabia que estava faltando alguma coisa no post ;) , devia ter deixado o link para o seu post…

    Como eu não uso o nofollow, seu link nos comentários já será seguido pelos crawlers.

    Abraços.

  6. LucasMS disse:

    Prof. Klump? :D

    Bruno, seu gravatar está com rate R porque ? :P

  7. Bruno Alves disse:

    Eu diria que esta foto não está das melhores :D

    Talvez porque me acharam muito feio :p

    Na verdade está “G”, senão nem apareceria aqui ;)

    Abraço

  8. Evilasio disse:

    Muito bom né, essa invençãozinha? Bem agradável, uma coisa legal. Tbem implementei em meu blog! Abracos!

  9. Bruno Alves disse:

    Eu acho o Gravatar um barato, tomara que se torne um padrão de identificação em todos os sites, não somente em blogs.

    Abraço

  10. Aldemir Silva disse:

    Realmente Bruno…

    Assim como vc, sempre gostei dos Avatars.

    E quanto ao novo Tema… Ficou bem melhor.

    Abraço

  11. Bruno Alves disse:

    As vezes, precisamos deixar a internet mais humana e o avatar é uma saida legal para isto, nada como saber com quem você está conversando ;)

    Abraço

  12. [...] (Créditos da lista acima ao Bruno Alves, que escreveu um ótimo artigo sobre o assunto. Vale a leitura.). [...]

  13. Leonardo A. Souza disse:

    Muito intereçante… já tinha visto como fazer em um blog português. Parabens

  14. Marcelo Leite disse:

    Bruno, instalei o trem, tudo está funcionando, mas não faço a mínima idéia de como eu e os visitantes escolhem os avatares. Pode me ajudar?

    Obrigado e valeu pelo post!

  15. Bruno Alves disse:

    Marcelo,

    basta que acessem o site do Gravatar e criem uma conta.

    Abraço

  16. [...] gostei do Gravatar nos comentários, mas por diversos motivos, deixei de [...]

  17. Borbs disse:

    Como funciona a “propagação”?
    Já me cadastrei tem uns 4 dias, e até agora o meu não apareceu… =[

  18. Bruno Alves disse:

    Borbs, se não me engano levou uns dois dias, mas desde então, o Gravatar teve vários problemas, chegando a ser fechado e depois reabriu completamente diferente, não sei como está funcionando, hoje.

    Abraço

  19. ariesprm disse:

    Bom dia a todos, eu gostaria de escrever arisprm na minha imagem, como é que eu faço?
    desde já agradeço pela informação.

  20. Bruno Alves disse:

    ariesprm, em qual imagem?

    Abraço

  21. alex disse:

    sempre apanhei desta implementação simplesmente não aparecem as imagens no meu blog

  22. Bruno Alves disse:

    Alex, acabei trocando o Gravatar pelo BlogBlogs, há algum tempo o Gravatar passou por vários problemas, não sei como está hoje.

    Abraços

  23. [...] O trecho seguinte foi retirado e adaptado do blog do Bruno Alves. [...]

  24. Anônimo disse:

    tipo q me cadastrei a um tempim mas nada da foto aparecer!
    aê eu fiz de novo e classifiquei a foto como G
    vamos ver agora.
    mas valeu pela dica1
    ainda teve um idiota q disse se inutil…
    inutil pq ele nao teve a ideia de fzr o q vc fez!

  25. Herika disse:

    Sei que já faz um tempo que você escreveu este post, mas tenho uma dúvida.
    Sempre usei o gravatar sem problemas mas de uns tempos pra cá ele simplesmente não funciona mais, não mudei a imagem nem o email, sabe se mudou alguma coisa por aí? No gravatar ou no firefox?

  26. marcos dutra disse:

    e ai cara blz. to tetando coloca no meu site mais nao ta dando certo. vc pode me ajudar a implantar no meu site. meu site eh http://www.mdmasters.infbr.com

Comente

XHTML: Você pode usar as tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>