Skip to main content

Generador de imágenes OG Crea imágenes de Open Graph para vistas previas de enlaces en redes sociales con texto y marca.

Generador de imágenes OG illustration
🖼️

Generador de imágenes OG

Crea imágenes de Open Graph para vistas previas de enlaces en redes sociales con texto y marca.

1

Ingrese Contenido

Agregue su título, descripción y texto de marca opcional.

2

Personalice el Estilo

Elija color de fondo, gradiente, tamaño de fuente y colores de texto.

3

Descargue la Imagen OG

Genere y descargue la imagen Open Graph de 1200x630px.

Loading tool...

What Is Generador de imágenes OG?

Un generador de imágenes de Open Graph que crea imágenes del tamaño adecuado (1200x630px) para las vistas previas de enlaces en redes sociales. Cuando compartes una URL en Facebook, Twitter, LinkedIn o Slack, la imagen OG aparece como vista previa del enlace. Diseña atractivas imágenes de vista previa con títulos personalizados, descripciones, marca, colores de fondo o gradientes y estilos de texto. No se necesitan habilidades de diseño. La API de Canvas renderiza texto nítido con ajuste de línea y centrado.

Why Use Generador de imágenes OG?

  • Dimensiones estándar de imagen OG de 1200x630px
  • Texto personalizado, colores, gradientes y marca
  • Ajuste correcto del texto y centrado
  • Vistas previas de enlaces profesionales sin habilidades de diseño

Common Use Cases

Publicaciones de Blog

Cree imágenes atractivas de vista previa de enlace para artículos de blog.

Páginas de Producto

Diseñe imágenes OG con marca para páginas de producto y landing pages.

Documentación

Genere imágenes de vista previa consistentes para páginas de documentación y API.

Eventos

Cree anuncios de eventos que se vean bien cuando se comparten.

Technical Guide

Las imágenes OG se representan en un lienzo de 1200x630px. El fondo se llena con un color sólido o un gradiente lineal. El título utiliza una fuente grande y negrita (48-64px) con ajuste automático de palabras mediante measureText. La descripción utiliza una fuente más pequeña debajo. El texto está centrado horizontal y verticalmente equilibrado. El texto de la marca se encuentra en la parte inferior. La salida es PNG.

Tips & Best Practices

  • 1
    Mantenga los títulos por debajo de 60 caracteres para una mejor legibilidad
  • 2
    Utilice texto de alto contraste sobre el fondo
  • 3
    Incluya el nombre de la marca o dominio para reconocimiento
  • 4
    Pruebe en tamaños pequeños - es así como aparece en las fuentes

Related Tools

Frequently Asked Questions

Q ¿Qué es una imagen OG?
La imagen de vista previa que se muestra cuando se comparte una URL en plataformas de redes sociales.
Q ¿Qué tamaño?
1200x630 píxeles es el estándar recomendado por Facebook y compatible con todas las plataformas.
Q ¿Cómo usarla?
Suba a su sitio web y agregue una etiqueta <meta property="og:image"> que apunte a la URL de la imagen.
Q Imagen de fondo?
Admite colores sólidos y gradientes. Utilice Image Text Overlay para imágenes de fondo.
Q ¿Funciona en Twitter?
Sí - Twitter utiliza la misma imagen OG para vistas previas de enlaces.

About This Tool

Generador de imágenes OG is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.