Cambiar el tamaño de las imágenes para vistas previas de Open Graph (OG)
Cuando compartes un enlace en Facebook, LinkedIn, Twitter o Slack, la plataforma muestra una imagen de vista previa extraída de las metaetiquetas OG de tu página. El tamaño ideal es 1200x630 píxeles. ImageGates cambia el tamaño de cualquier imagen a esta dimensión exacta para obtener vistas previas de enlaces perfectas en todas partes.
How to use this tool
- Subir imagen fuente — Select the image you want to use as your page's link preview image.
- Cambiar el tamaño a 1200x630 — The tool resizes to the universal OG image standard. Ensure key content is centered.
- Añadir a tu sitio — Download and add the image to your page's og:image meta tag for perfect previews.
Guide
Las imágenes de Open Graph son el elemento que más se pasa por alto en la estrategia de contenido web. Una imagen de vista previa de enlace atractiva puede aumentar las tasas de clics entre 2 y 3 veces en comparación con un enlace de solo texto o una vista previa con un formato deficiente.
Especificaciones de imagen OG por plataforma: - facebook: 1200x630px (1.91:1). Muestra la imagen completa en el feed. Por debajo de 600x315 puede aparecer como una pequeña miniatura. - LinkedIn: 1200x627px. Muy similar a Facebook. Admite imágenes más grandes pero recortadas para ajustarlas. - Gorjeo: 1200x628px para resumen_imagen_grande. 144x144px mínimo para tarjeta de resumen. - flojo: Utiliza imagen OG. Se renderiza en línea con un tamaño generoso. - WhatsApp: Utiliza la imagen OG para las vistas previas de enlaces. Recorta a un tamaño de pantalla de aproximadamente 300x200. - iMessage: Utiliza una imagen original con un ligero recorte.
Mejores prácticas de diseño: - Coloque el texto clave o la marca en la zona segura central de 960 x 420 px - Utilice texto legible y en negrita: las imágenes originales a menudo se muestran en tamaños pequeños - Incluya su logotipo o marca para su reconocimiento - Evite los detalles finos que se pierden en el tamaño de la miniatura - Pruebe su imagen a 150 x 79 px (lo más pequeño que se pueda mostrar)
Implementación técnica: ```html <meta propiedad="og:image" content="https://yoursite.com/og-image.jpg" /> <meta propiedad="og:image:width" content="1200" /> <meta propiedad="og:image:height" content="630" /> <meta propiedad="og:image:type" content="image/jpeg" /> ```
Preguntas frecuentes
¿Qué es una imagen de Open Graph?
Una imagen de Open Graph (OG) es la miniatura de vista previa que se muestra cuando comparte una URL en las redes sociales. Está definido en el HTML de su página con la metaetiqueta og:image. El tamaño estándar es de 1200x630 píxeles.
¿Qué tamaño deben tener las imágenes OG?
1200x630 píxeles (relación 1,91:1) es el estándar universal que funciona en Facebook, LinkedIn, Twitter y Slack. Algunas plataformas también admiten 1200x1200 para vistas previas cuadradas.
¿Por qué la vista previa de mi enlace no muestra una imagen?
Motivos comunes: falta la metaetiqueta og:image, la URL de la imagen es incorrecta, la imagen es demasiado grande (mantenga menos de 5 MB) o la página no se ha vuelto a rastrear. Utilice el depurador compartido de Facebook para diagnosticar.
Abrir cambio de tamaño de imagen