*OGImageTool*Generador gratuito de imágenes OG
Crea hermosas imágenes OG, encabezados Twitter/X y más, gratis, en simples clics.
Galer?a de vista previa
Mira lo que puedes crear
Desliza para ver más
Desliza para ver más
Pruébalo ahora
¿Por qué elegir OGImageTool?
Todo lo que necesitas para crear impresionantes imágenes para redes sociales en segundos
Gratis y sin registro
Comienza a crear imágenes OG profesionales al instante - sin registro ni tarjeta de crédito.
Soporte multiplataforma
Genera imágenes optimizadas para cualquier plataforma con las dimensiones correctas.
Plantillas profesionales
Elige entre varias plantillas diseñadas profesionalmente: Basic, Hero, Image Right, Notice y Logos.
Opciones de exportación flexibles
Exporta tus diseños en PNG, JPEG o WebP con tamaños de archivo optimizados.
Personalización avanzada
Personaliza cada aspecto con fondos personalizados, patrones, gradientes y colores de marca.
Funciones de diseño modernas
Crea visuales impresionantes con tipografía premium y efectos visuales.
Vista previa instantánea
Ve tus cambios en tiempo real con nuestra interfaz WYSIWYG.
Rápido como un rayo
Genera imágenes profesionales para redes sociales en segundos.
Cómo añadir una imagen Open Graph
Añade imágenes de vista previa de redes sociales a tu sitio web en minutos. Elige tu método preferido a continuación (HTML o Next.js App Router).
1. Guardar imagen
Guarda la imagen OG generada como og.png en el directorio raíz de tu sitio web.
2. Agregar al head HTML
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />Asegúrate de reemplazar yourdomain.com con tu nombre de dominio real.
Consejos profesionales
- Siempre proporciona imágenes alternativas por si la imagen OG no se carga
- Prueba tus imágenes OG usando herramientas de depuración de redes sociales
- Utiliza textos alt descriptivos para mejorar la accesibilidad
- Considera usar imágenes OG dinámicas para contenido que cambia frecuentemente