Inicio / Herramientas gratuitas / Open Graph Image Generator

Crea la imagen que la gente ve cuando comparten tu enlace

Crea la imagen de 1200 x 630 que aparece cuando alguien comparte tu página.

Un enlace compartido se dibuja como una tarjeta, y la imagen es la mayor parte de ella. Las plataformas quieren esa imagen en torno a 1200 x 630, la recortan desde el centro y la reducen mucho antes de que nadie la vea, así que una captura de pantalla o un logo sobre un cuadrado blanco rara vez sobrevive al viaje. Esta herramienta dibuja una del tamaño correcto. Escribe un titular, elige un color de fondo, un degradado o una foto tuya, añade un logo si lo tienes, y las guías de recorte muestran qué queda visible en un teléfono. Expórtala como PNG, o como un JPEG lo bastante pequeño para las plataformas que rechazan archivos grandes. Todo ocurre en tu navegador y ninguna imagen se envía a ningún sitio.

Tipografía
Alineación
Color del texto
Fondo
Colores
Foto
Suelta una foto aquí
Se lee en tu navegador y nunca se envía a ningún sitio.
Arrastra la foto para elegir qué parte queda en el encuadre.
Logo opcional
Suelta un logo aquí
Esquina del logo
Aquí no se guarda ni se sube nada. La imagen la dibuja y la exporta tu propio navegador, así que cerrar esta página la pierde.
1200 × 630 · PNG ·
WhatsApp quiere el archivo por debajo de 600KB o muestra una vista previa pequeña. Las demás plataformas permiten mucho más, así que usa PNG salvo que la imagen lleve una foto.

Por qué una captura de pantalla no sirve

Una captura de pantalla tiene la forma equivocada y está llena de detalle que desaparece. La tarjeta se muestra pequeña, a menudo un par de cientos de píxeles de ancho en un teléfono, y la plataforma recorta desde el centro para llegar a 1.91:1. El texto de interfaz, las líneas finas y todo lo que esté cerca de un borde ya no están para entonces. Lo que sobrevive a ese tamaño es una línea corta en letra grande y una forma rotunda, y por eso las imágenes para compartir tienen el aspecto que tienen.

El recorte toma el centro

No todas las plataformas usan la misma proporción, así que cortan tu imagen para ajustarla. El corte va del centro hacia fuera, lo que pone en riesgo la parte de arriba, la de abajo y ambos bordes. Las guías de aquí marcan la zona que sobrevive al recorte más estrecho de uso común. Mantén el titular y el logo dentro y la imagen se lee bien en todas partes, no solo en el único sitio donde la probaste.

El tamaño del archivo es un límite real

WhatsApp documenta un techo de 600KB y X rechaza cualquier cosa por encima de 5MB. Un fondo de foto en 1200 x 630 pasa de 600KB con facilidad como PNG. Exportar en JPEG con el límite de tamaño activo baja la calidad hasta que el archivo entra, y eso es casi siempre invisible al tamaño en que se muestra una tarjeta. Usa PNG cuando el fondo sea un color plano o un degradado, porque eso se comprime a muy poco y se mantiene perfectamente nítido.

Nada sale de tu navegador

El lienzo se dibuja en tu propia máquina y la exportación se produce ahí también. Una foto que añadas se lee de tu disco y nunca se envía, y la imagen terminada se guarda directamente desde la página. No hay cuenta, ni subida, ni copia de tu trabajo en ningún servidor, lo que también significa que aquí no se puede recuperar nada una vez que cierres la página.

Qué hace

Un solo lienzo con el tamaño que quieren todas las plataformas.

El tamaño correcto
  • 1200 x 630 al exportar
  • Zona segura marcada
  • Fiel a lo que muestran las plataformas
El fondo
  • Color sólido o degradado
  • Tu propia foto
  • Oscurecido para que el texto se lea
El texto
  • Titular y una segunda línea
  • Cinco tipografías, tamaño y grosor
  • Izquierda, centro o derecha
El archivo
  • PNG o JPEG
  • Por debajo de 600KB si lo pides
  • Nunca se sube
Cómo usarla
1
Escribe el titular
Que sea corto. Una tarjeta se lee de un vistazo y los titulares largos los corta la plataforma antes de que la imagen siquiera importe.
2
Elige un fondo
Un color plano o un degradado es lo más seguro y da el archivo más pequeño. Pon una foto en su lugar si la tienes, y sube el oscurecido hasta que el texto se lea con comodidad.
3
Mira las guías
La zona marcada es lo que sobrevive al recorte más estrecho. Lo que quede fuera puede cortarse en algunas plataformas.
4
Expórtala y añádela a tu página
Guarda el archivo, súbelo a tu propio sitio y luego apunta og:image a su dirección. La dirección tiene que ser accesible sin iniciar sesión.
Qué significan estas palabras
og:image
La etiqueta meta en el head de tu página que indica la dirección de la imagen. Sin ella, una plataforma escoge algo de la página o no muestra imagen alguna.
Zona segura
El centro de la imagen que sobrevive al recorte de todas las plataformas. Lo que quede fuera está en riesgo en las plataformas de proporción más estrecha.
1.91:1
La proporción de ancho a alto de 1200 x 630, y la forma en que la mayoría de las plataformas dibujan una tarjeta grande.
Preguntas