Generador de imágenes OG: crea una imagen de 1200 x 630 en tu navegador | We.Inc
Diseña la imagen que aparece cuando se comparte tu página. Elige una plantilla, añade tu título, tu logo y tus colores, previsualízala como tarjeta de X, LinkedIn, Slack e iMessage y descarga un PNG de 1200 por 630 y las metaetiquetas.
El tamaño estándar de una imagen Open Graph es de 1200 por 630 píxeles, una proporción de 1.91 a 1 que Facebook, LinkedIn, X, Slack y las apps de mensajería muestran bien. Elige una plantilla abajo, escribe tu título, añade un logo y los colores de tu marca, revisa las vistas previas, descarga el PNG y copia las metaetiquetas og:image.
Tamaños de imagen para compartir por plataforma
Plataforma
Qué pide
Notas
Facebook y otras apps de Meta
1200 por 630 para obtener el mejor resultado; como mínimo 600 por 315
Proporción 1.91:1; las imágenes pequeñas se muestran como miniatura
Tarjeta grande de X (Twitter)
Proporción 2:1; de 300 por 157 hasta 4096 por 4096; menos de 5 MB
Necesita twitter:card con el valor summary_large_image
LinkedIn
1200 por 627
Usa el Post Inspector para actualizar una imagen en caché
Slack, Discord, iMessage, WhatsApp
No publican un tamaño
Leen og:image; 1200 por 630 se ve bien en todas
Cuatro plantillas dibujadas en un canvas en tu navegador a exactamente 1200 por 630. Tu logo nunca sale de tu dispositivo. Las vistas previas muestran aproximadamente cómo recorta la imagen cada app, y el bloque de metaetiquetas está listo para pegar en el head de tu página.
Elige una plantilla: titular destacado, centrada, dividida con logo o tarjeta de artículo.
Escribe el título, una línea corta debajo y el nombre del sitio o la URL que aparece en la parte inferior.
Elige los colores de fondo, texto y acento, y sube un logo si quieres (funciona mejor un PNG o SVG con fondo transparente).
Revisa las vistas previas, descarga el PNG, súbelo a tu sitio y pega las metaetiquetas con su URL completa.
Mantén el título por debajo de unos 60 caracteres y con al menos 48 píxeles de alto en la imagen, ya que la mayoría de la gente ve la tarjeta a una fracción de su tamaño real.
Deja margen alrededor del texto importante. Algunas apps recortan los bordes o redondean las esquinas.
Usa una URL https absoluta en og:image. Las rutas relativas no funcionan con la mayoría de los rastreadores.
Las plataformas guardan en caché las imágenes para compartir. Después de cambiar una, actualízala con la herramienta de depuración de cada plataforma o ponle un nombre nuevo al archivo.
Preguntas frecuentes
¿Cuál es el mejor tamaño para una imagen OG?
1200 por 630 píxeles. Cumple la recomendación de Meta para pantallas de alta resolución, se acerca mucho a los 1200 por 627 de LinkedIn y funciona en la tarjeta de imagen grande de X, así que un solo archivo sirve para todas. Guárdala como PNG si el diseño tiene mucho texto o como JPG si son fotos, y que pese bastante menos de 5 MB.
¿Necesito una imagen aparte para la tarjeta de Twitter?
Normalmente no. X recurre a og:image cuando no hay twitter:image. Lo que sí necesitas es la metaetiqueta twitter:card con el valor summary_large_image para obtener la vista previa grande en lugar de una miniatura pequeña.
¿Por qué sigue apareciendo mi imagen antigua?
Cada plataforma guarda la vista previa en caché. Usa el Sharing Debugger de Meta, el Post Inspector de LinkedIn o simplemente un nombre de archivo nuevo para la imagen para forzar una nueva descarga. Slack y las apps de mensajería se actualizan según su propio calendario.
¿Puedo crear una imagen por página de forma automática?
Sí, con un renderizador de imágenes en el servidor que genere la imagen a partir del título de cada página. Esta herramienta sirve para diseñar la plantilla y crear imágenes escogidas a mano para las páginas importantes.
Qué hace que una imagen compartida reciba clics
Una tarjeta compartida compite con todo lo demás en un feed y a tamaño pequeño. Un título corto y grande y un único elemento visual potente ganan a un diseño recargado. Trata la imagen como la compañera del titular, no como una segunda copia de la página.
La coherencia de marca ayuda a que la gente reconozca tus enlaces con el tiempo. Usa la misma plantilla con un título distinto para cada página en lugar de diseñar cada imagen desde cero.
Comprobar que ha funcionado
Después de publicar, pega la URL de la página en nuestra herramienta de vista previa de Open Graph para ver las etiquetas que sirve realmente la página, y en el depurador propio de cada plataforma antes de un lanzamiento importante.
Titular destacado
Centrada
Dividida con logo
Tarjeta de artículo
Diseña la imagen
Plantilla
Título ({n} caracteres)
Línea bajo el título
Nombre del sitio o URL
Fondo
Texto
Subir logo
Quitar logo
Imagen para compartir: {title}
Descargar PNG (1200 por 630)
Cómo se ve al compartirla (aproximado)
Metaetiquetas
URL completa donde subirás la imagen
Copiar metaetiquetas
Cómo redujimos a la mitad el tiempo de carga de nuestra página