Generador de tarjetas para redes sociales

Crea gráficos de vista previa con tu marca para entradas de blog y genera las metaetiquetas correspondientes de OG y Twitter Card. Diseña la imagen con plantillas integradas y luego pega las etiquetas en el head de tu HTML.

Exportación en PNG en Twitter 1200x675, Facebook 1200x630, LinkedIn 1200x627 e Instagram 1080x1080. Cambia de pestaña para volver a renderizar en la resolución exacta.

Sí, funciona por completo en tu navegador. Las imágenes y logotipos que subas nunca salen de tu dispositivo.

Por supuesto. El Generador de Tarjetas para Redes Sociales procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, el Generador de Tarjetas para Redes Sociales es totalmente adaptable y funciona en smartphones y tabletas. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita ninguna cuenta ni registro. Simplemente abre el Generador de Tarjetas para Redes Sociales en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

Simplemente introduce tus datos en el campo correspondiente, ajusta las opciones a tu gusto y la herramienta los procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

El Generador de Tarjetas para Redes Sociales funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Open Graph es el protocolo que Facebook, LinkedIn y la mayoría de las plataformas leen para construir una vista previa de enlace, usando etiquetas como og:title, og:description y og:image. Twitter (X) usa sus propias etiquetas twitter:card, donde summary_large_image muestra el gráfico grande de borde a borde en lugar de una miniatura pequeña. Se superponen bastante: Twitter recurre a las etiquetas de Open Graph cuando faltan las suyas propias, así que en la práctica conviene configurar ambas para tener cobertura total. Las especificaciones de imagen también difieren un poco: la tarjeta grande de Twitter es de 1200x675, mientras que el estándar de Open Graph es 1200x630. Este generador construye ambos conjuntos de etiquetas a partir del mismo título, subtítulo, URL y nombre del sitio, y vuelve a renderizar el PNG en el tamaño exacto de cada plataforma, así que solo tienes que pegar el bloque correspondiente en el head de tu página y quedas cubierto en todas partes.

Las plataformas sociales guardan en caché la vista previa la primera vez que se comparte una URL, así que los cambios en tu og:image no se reflejarán hasta que se borre esa caché. La otra causa habitual es que la URL de og:image apunte a un archivo que no es accesible públicamente: una ruta localhost, un bucket privado o una página detrás de un inicio de sesión, ya que el rastreador de la plataforma debe poder obtener la imagen desde la web abierta. Se soluciona alojando el PNG descargado en un CDN o servidor web activo, y luego actualizando las URLs de og:image y twitter:image en tus etiquetas con ese enlace público. Después de publicar, vuelve a rastrear la página en el depurador de cada plataforma, como el Sharing Debugger de Facebook, para forzar una nueva obtención. Diseña y exporta tu tarjeta aquí, y luego coloca las etiquetas generadas antes de volver a rastrear.

Cada red recorta las vistas previas de enlaces a su propia relación de aspecto, así que ningún archivo único es perfecto en todas partes. El estándar de facto es 1200x630, el valor predeterminado de Open Graph, que es seguro reutilizar en la mayoría de las plataformas cuando solo quieres manejar una imagen. Para resultados a la medida exacta de cada píxel, la tarjeta grande de Twitter pide 1200x675, LinkedIn usa 1200x627 e Instagram es un cuadrado de 1080x1080. Esta herramienta evita las conjeturas: cambia de pestaña de vista previa y la tarjeta se vuelve a renderizar con las dimensiones exactas de esa plataforma antes de exportarse como PNG, así el texto y los logotipos se mantienen nítidos y bien colocados en lugar de estirados. Si publicas en un solo canal principal, exporta ese tamaño; si distribuyes ampliamente, el archivo de 1200x630 es la opción práctica que sirve para casi todo.

Sí, ese es el único paso manual. El generador dibuja y exporta el PNG localmente en tu navegador, pero las plataformas sociales obtienen las imágenes de vista previa desde una URL activa, no desde tu computadora. Así que, después de descargarlo, sube el PNG a tu propio CDN o servidor web donde tenga un enlace público y accesible, y luego reemplaza ese enlace en los valores og:image y twitter:image de las etiquetas copiadas. Alojarlo en el mismo dominio que la página está bien y suele ser lo más sencillo. Una vez que el archivo esté activo y las etiquetas apunten a él, compartir tu URL traerá la imagen automáticamente. Diseña tu tarjeta aquí, copia el bloque de Open Graph y Twitter Card generado, y solo necesitas reemplazar esas dos URLs de imagen con tu archivo alojado.

Los títulos largos se gestionan automáticamente para que nada se salga del diseño. A medida que escribes, el titular se ajusta solo en varias líneas para encajar en el ancho de la tarjeta, y si aun así desborda el espacio disponible, se trunca con puntos suspensivos en lugar de salirse del borde. Eso mantiene cada exportación limpia sin importar cuánto texto ingreses. Para la vista previa más efectiva, apunta a un titular contundente: las líneas cortas y fáciles de escanear se leen mejor en un feed saturado que un párrafo que termina cortado. También puedes arrastrar el tamaño del título entre 40 y 120 píxeles para equilibrar impacto y longitud, y cambiar de familia tipográfica si una fuente más angosta ayuda a que quepan más palabras. Escribe tu titular en el lienzo en vivo y ajusta el control deslizante de tamaño hasta que se lea con claridad en la resolución final de exportación.