Imagem Open Graph vs Favicon: A Diferença
Um favicon é o pequeno ícone quadrado que um navegador mostra em uma aba ou favorito, geralmente de 16 a 48 pixels. Uma imagem Open Graph é a grande prévia retangular (cerca de 1200x630) que aparece quando o seu link é compartilhado nas redes sociais ou em um chat. São arquivos separados, declarados de formas diferentes, e um não pode substituir o outro.
Dois ícones, dois trabalhos
O favicon identifica o seu site dentro do navegador: um pequeno quadrado na aba, no favorito, na lista de histórico. A imagem Open Graph vende o seu link em um feed: um grande banner na horizontal em um tweet, um unfurl no Slack, uma prévia no iMessage.
Como diferem em tamanho, formato e onde aparecem, são declarados separadamente: rel="icon" para o favicon, uma meta tag og:image para a prévia. Nenhum substitui o outro.
Lado a lado
| Aspecto | Favicon | Imagem OG |
|---|---|---|
| Tamanho | 16–48px | ~1200x630 |
| Formato | Quadrado | Paisagem |
| Declarado com | rel="icon" | meta og:image |
| Exibido em | Aba, favorito | Prévias em redes sociais e chats |
Perguntas frequentes sobre imagem OG vs favicon
O favicon é usado para prévias sociais?
Não. As prévias sociais e de chat usam a imagem Open Graph de uma meta tag og:image. O favicon só aparece dentro do navegador.
Posso usar meu favicon como imagem OG?
Não de forma útil. É o tamanho e o formato errados. Um quadrado de 32px esticado em um espaço de 1200x630 fica quebrado. São assets separados.
Qual deles aparece em uma aba do navegador?
O favicon. A imagem Open Graph nunca aparece em uma aba; ela só aparece quando o link é compartilhado em algum lugar que renderiza uma prévia.