Imagen de Open Graph vs favicon: la diferencia
Un favicon es el pequeño icono cuadrado que un navegador muestra en una pestaña o marcador, normalmente de 16 a 48 píxeles. Una imagen de Open Graph es la vista previa rectangular grande (de unos 1200x630) que aparece cuando se comparte tu enlace en redes sociales o en un chat. Son archivos distintos declarados de forma distinta, y uno no puede sustituir al otro.
Dos iconos, dos trabajos
El favicon identifica tu sitio dentro del navegador: un diminuto cuadrado en la pestaña, el marcador, la lista del historial. La imagen de Open Graph vende tu enlace en un feed: un gran banner apaisado en un tweet, un despliegue de Slack, una vista previa de iMessage.
Como difieren en tamaño, forma y dónde aparecen, se declaran por separado: rel="icon" para el favicon, una etiqueta meta og:image para la vista previa. Ninguno sustituye al otro.
En paralelo
| Aspecto | Favicon | Imagen OG |
|---|---|---|
| Tamaño | 16–48px | ~1200x630 |
| Forma | Cuadrado | Horizontal |
| Declarado con | rel="icon" | og:image meta |
| Se muestra en | Pestaña, marcador | Vistas previas sociales y de chat |
Preguntas frecuentes sobre imagen OG vs favicon
¿Se usa el favicon para las vistas previas sociales?
No. Las vistas previas sociales y de chat usan la imagen de Open Graph de una etiqueta meta og:image. El favicon solo aparece dentro del navegador.
¿Puedo usar mi favicon como imagen OG?
No de forma útil. Es del tamaño y la forma equivocados. Un cuadrado de 32px escalado a un espacio de 1200x630 se ve roto. Son recursos distintos.
¿Cuál se muestra en una pestaña del navegador?
El favicon. La imagen de Open Graph nunca aparece en una pestaña; solo se muestra cuando el enlace se comparte en algún sitio que renderiza una vista previa.