Saltar al contenido
Herramientas

Generador de imágenes Open Graph

Elige un template, edita el texto, sube el preview de tu app y descarga tu imagen Open Graph en PNG (1200×630). Gratis y sin registro.

Vista previa

Washku

Dinos lo que tienes en tu barra y ponte huasca

Descubre tragos con lo que ya tienes en casa.

washku.app
Sube el preview de tu app

El PNG se exporta siempre a 1200×630 px reales, sin importar el zoom del preview.

Cómo crear tu imagen Open Graph

  1. 01

    Elige un template

    Escoge entre 40 diseños: la mitad pensados para apps móviles y la otra mitad para webs y productos de escritorio.

  2. 02

    Personaliza el contenido

    Escribe el título, el subtítulo, la marca y la URL. Sube la captura de tu app o web y, si quieres, tu logo.

  3. 03

    Ajusta el color

    Elige un color de acento que encaje con tu marca. La vista previa se actualiza al instante.

  4. 04

    Descarga el PNG

    Exporta la imagen a 1200×630 px reales, súbela a tu web y enlázala con la etiqueta og:image.

Consejos para una buena imagen OG

Texto grande y corto

En el móvil la tarjeta se ve pequeña: un titular de 4 a 8 palabras se lee mejor que una frase larga.

Deja aire en los bordes

Algunas redes recortan la imagen o la muestran cuadrada. Mantén lo importante en el centro.

Una imagen por página

Usar la misma OG en todo el sitio desaprovecha cada enlace. Crea una para la home y otra para cada página clave.

Que pese poco

Un PNG o JPG ligero (idealmente por debajo de 300 KB) carga antes y evita que WhatsApp no muestre la imagen.

FAQ

Preguntas frecuentes

¿Qué tamaño debe tener una imagen Open Graph?

El estándar es 1200×630 píxeles (proporción 1.91:1). Es el tamaño que recomiendan Facebook y LinkedIn y el que mejor se ve en X, WhatsApp, Slack y Discord. Este generador exporta siempre a ese tamaño.

¿Es gratis? ¿Necesito registrarme?

Es gratis y no hace falta cuenta. La imagen se genera en tu navegador: ni tu captura ni tu logo se suben a ningún servidor.

¿Cómo añado la imagen a mi web?

Sube el PNG a tu web y añade en el <head> la etiqueta <meta property="og:image" content="https://tuweb.com/og.png" /> con la URL absoluta. Con el generador de meta tags tienes el bloque completo listo para copiar.

¿Por qué no se actualiza la imagen al compartir mi enlace?

Las redes guardan en caché la vista previa durante días. Cambia el nombre del archivo (por ejemplo og-v2.png) o fuerza la actualización con el Sharing Debugger de Facebook o el Post Inspector de LinkedIn.

Hecho por ZPJ Studio

¿Tu web necesita algo más que meta tags?

Diseñamos y desarrollamos webs rápidas, con SEO técnico bien hecho desde el primer día, y software a medida para negocios que crecen.