open - Nuevo og: tamaño de imagen para compartir en Facebook?
open graph facebook (9)
Confiando en el PDF que @CBroe publicó anteriormente:
Para obtener los mejores resultados de imagen de og: (retina lista y sin recortar) con el uso actual de la norma de Facebook:
Tamaño: mínimo 1200 x 630 px
Ratio: 1.91: 1
Facebook cambió recientemente el tamaño de las imágenes para anuncios y publicaciones de enlaces. Esto también afecta a meta property="og:image" . ¿Cuál es el tamaño óptimo nuevo para og:image en Facebook? La versión anterior era cuadrada, ahora ya no cabe, porque el nuevo tamaño es un rectángulo.
De qué tamaño debe ser esta imagen depende de dónde se va a utilizar.
Depende de las aplicaciones, por ejemplo, WhatsApp, Facebook Messenger, Reddit, etc. para decidir qué hacer con la imagen. Algunos lo usan como una imagen cuadrada, algunos como un rectángulo de 1: 19.1, y algunos usan tamaños diferentes cuando el entorno de visualización es de diferentes tamaños incluso para la misma aplicación. No hay reglas, y no hay forma de controlar qué hacen las aplicaciones con la imagen.
Por lo tanto, debe probar la imagen en su (s) aplicación (es) de destino y encontrar un compromiso. Que las aplicaciones tiendan a almacenar en caché la imagen hace que sea un problema el enfoque de prueba y error.
Estoy usando el tamaño de imagen mínimo (200 x 200) y obtengo buenos resultados. Echar un vistazo:
https://developers.facebook.com/tools/debug/og/object?q=origgami.com.br
Este tamaño cuadrado es mejor que los rectángulos porque es el formato que aparece en los comentarios de Facebook. El formato de rectángulo se recorta.
Este tamaño está en la documentación de Facebook
Facebook.com og: la imagen es 325x325 (relación de aspecto 1: 1, cuadrado)
Intenté hacer funcionar la imagen 1200x630. Facebook siguió quejándose de que no podía leer la imagen, o que era demasiado pequeña (era una imagen JPEG ~ 150 Kb).
Cambió a una imagen de tamaño 200x200, funcionó perfectamente.
https://developers.facebook.com/tools/debug/og/object?q=drift.team
La relación de aspecto de una imagen de una publicación de Facebook es 41:20.
Para encontrar el ancho y la altura apropiados para su foto, puede usar la Calculadora de relación de aspecto .
Aquí puede seleccionar diferentes relaciones en "Proporciones comunes:" que incluyen la opción "1200 x 630 (Facebook)". Por lo tanto, si el ancho de su foto es 1800, inserte ese número en la ranura "W2" y le dirá qué la altura respectiva debe ser.
Según las https://developers.facebook.com/docs/sharing/best-practices#images Facebook, es así (2016)
Tamaños de imagen
Use imágenes de al menos 1200 x 630 píxeles para obtener la mejor visualización en dispositivos de alta resolución. Como mínimo, debe usar imágenes de 600 x 315 píxeles para mostrar las publicaciones de la página de enlace con imágenes más grandes. Las imágenes pueden tener un tamaño de hasta 8 MB.
Pequeñas imágenes
Si su imagen es más pequeña que 600 x 315 px, aún se mostrará en la publicación de la página de enlace, pero el tamaño será mucho más pequeño.
También hemos rediseñado las publicaciones de la página de enlaces para que la relación de aspecto de las imágenes sea la misma en todas las fuentes de noticias de escritorio y móvil. Intente mantener sus imágenes lo más cercanas posible a la relación de aspecto 1.91: 1 para visualizar la imagen completa en Noticias sin ningún recorte.
Tamaño mínimo de la imagen
El tamaño mínimo de imagen es de 200 x 200 píxeles. Si intenta utilizar una imagen más pequeña que esta, verá un error en el Depurador de intercambio.
Imágenes de juegos de aplicaciones
Hay dos tamaños de imagen diferentes para usar en aplicaciones de juegos:
Open Graph Stories Las imágenes aparecen en formato cuadrado. Las proporciones de imagen para estas aplicaciones deben ser de 600 x 600 px. Historias de gráficos no abiertos Las imágenes aparecen en un formato rectangular. Debe usar una proporción de imagen de 1.91: 1, como 600 x 314 px.
ACTUALIZACIÓN: el tamaño de la imagen debe ser mayor que (600 x 315px)
El tamaño de la imagen puede ser de cualquier tamaño porque Faceboook cambia el tamaño del ancho y alto de la imagen.
La altura predeterminada es 208px y el ancho es 398px para un 398px permanente de publicación:
www.facebook.com/{username}/posts/{post_id}
Pero para una vista de línea de tiempo:
www.facebook.com/{username}
ancho es 377px y altura es 197px
¡Espero que esto ayude!
EDITAR: Las mejores prácticas actuales con respecto a los tamaños de imagen de Open Graph se describen oficialmente aquí: https://developers.facebook.com/docs/sharing/best-practices#images
Hubo una publicación en el grupo de desarrolladores de Facebook hoy, donde uno de los chicos de FB subió un PDF con sus nuevas reglas sobre tamaños de imagen, ya que parece estar disponible solo si eres miembro del grupo, lo subí aquí: http://www.sendspace.com/file/ghqwhr
Y también dijeron que publicarán sobre esto en el blog de desarrolladores en los próximos días, así que sigan revisando también
Para resumir el documento vinculado:
- El tamaño mínimo en píxeles es 600x315
- Tamaño recomendado es 1200x630 - Las imágenes de este tamaño obtendrán un tratamiento de pantalla más grande.
- La relación de aspecto debe ser 1.91: 1