En todos los casos se muestra una imagen previa que representa el contenido de la página y que es decisiva para que la publicación tenga éxito y sea atractiva.
La gran mayoría de las veces esta imagen aparece recortada o de pequeño tamaño, tanto en el cuadro de compartir como en el feed de noticias de la página, porque no cumple con las normas que exige Facebook.
En este artículo detallamos cuales son las medidas que podemos usar.
Tamaño y proporción de las fotos e imágenes para Facebook
Facebook exige para que las imágenes y fotos encajen perfectamente en las páginas y no sean recortadas, la relación de aspecto debe ser cercana a 1.91:1Esta proporción se aplica para computadoras y dispositivos móviles.
El tamaño menor debe ser de 600 x 315 pixeles, pero el ideal para que se muestren correctamente en dispositivos con pantallas de alta resolución, debe ser de 1200 x 630 pixeles.
No hay que ser tan estrictos, se pueden usar imágenes cuyo tamaño este dentro del rango anterior, pero que respeten la relación de aspecto.
Algunos ejemplos de tamaños adecuados son los siguientes:
600 x 315 pixeles
620 x 326 pixeles
640 x 336 pixeles (foto de portada de esta página)
840 x 441 pixeles
960 x 504 pixeles
1024 x 538 pixeles
620 x 326 pixeles
640 x 336 pixeles (foto de portada de esta página)
840 x 441 pixeles
960 x 504 pixeles
1024 x 538 pixeles
Como saber la relación de aspecto de una imagen
La relación de aspecto, también llamada proporción de aspecto o ratio (aspect ratio en inglés), es la proporción que existe entre el ancho y su altura de una imagen o fotografía.Se calcula dividiendo el ancho de una imagen entre su altura en pixeles.
En fotografía las relaciones de aspecto más usadas en las cámaras son la tradicional de 4:3 (1.50:1), 3:2 (1.33:1) y 16:9 (1.77:1) usada en alta definición.
Una relación de aspecto aproximada (no tiene que ser exacta) a 1.91:1, asegura que las fotos se muestren correctamente en las publicaciones de Facebook.
Las dimensiones de la imagen anterior es de 600 pixeles de ancho por 315 pixeles de altura.
Que hacer para que Facebook encuentre todas las imágenes en las páginas
Muchas personas se quejan de que al compartir sus páginas con varias imágenes, Facebook solo muestra una de ellas y es imposible compartir el resto.Para solucionarlo es necesario emplear las etiquetas o metatags de Open Graph, para asegurarnos que Facebook muestre en la vista previa miniatura de todas las imágenes y que se posible seleccionar la que deseamos.
Se puede comprobar examinando el código fuente de esta misma página en la que usamos una etiqueta similar a la siguiente para cada imagen:
<meta property="og:image" content="direccion-de-la-imagen">
En la siguiente captura se puede ver cómo es posible seleccionar una imagen al compartir en Facebook la dirección de esta misma página y como esta se muestra correctamente.
Lee más información detallada de cómo hacerlo: Como usar las etiquetas de Open Graph de Facebook en los sitios web
Usar imágenes de referencias sin insertarlas en una página
Es posible mediante las etiquetas de Open Graph hacer referencia a una imagen que incluso no aparezca ni este insertada en la página, para que sea usada para compartirla y que aparezca en las publicaciones de Facebook.
Solo es necesaria subirla al servidor y especificar su dirección URL en la etiqueta correspondiente.
Esta opción es de utilidad si no deseamos ralentizar la carga de la página original de nuestro sitio, con una imagen de gran tamaño.
Mas información en el sitio de Herramientas para desarrolladores de Facebook: Imágenes en enlaces compartidos