Cómo funciona
- Paso 1
Suelta tu imagen
Un JPG, PNG o WebP de hasta 10 MB. Las fotos anchas se recortan mejor.
- Paso 2
Revisa las vistas previas
Ve tu enlace en WhatsApp, Facebook, X y LinkedIn, y elige qué parte conservar.
- Paso 3
Sube y pega
Sube og-image.jpg a tu sitio y pega las meta etiquetas en tu <head>.
¿Qué es una imagen Open Graph?
Cuando compartes un enlace en WhatsApp, Facebook, X o LinkedIn, la app lee las meta etiquetas Open Graph de la página y muestra una tarjeta con una imagen, un título y una descripción. La imagen viene de la etiqueta og:image. Sin ella, tu enlace aparece como texto plano o con una imagen al azar de la página.
Tamaño de la imagen Open Graph en cada plataforma
| Plataforma | Tamaño recomendado | Bueno saber |
|---|---|---|
| 1200 × 630 px | Se omiten las imágenes de más de unos 300 KB | |
| 1200 × 630 px | Al menos 600 px de ancho para la tarjeta grande | |
| X (Twitter) | 1200 × 630 px | Necesita twitter:card con summary_large_image |
| 1200 × 627 px | 1200 × 630 se ve igual |
Consejos para una vista previa que consiga clics
- Deja el motivo en el centro. Algunas apps recortan los bordes o muestran la imagen pequeña, así que se cortan los textos y las caras cerca del borde.
- Usa una foto real de tu producto o tu tienda en lugar de un logo sobre blanco; destaca en un chat o un feed lleno.
- Escribe un título corto. Unos 60 caracteres se ven completos en todas las plataformas.
- Usa la URL https completa en og:image, no una ruta relativa como /og-image.jpg.
- Termina el trabajo con un favicon para que tu pestaña y tus marcadores se vean tan bien como tus enlaces compartidos.
Preguntas frecuentes
La imagen que aparece cuando alguien comparte tu enlace en WhatsApp, Facebook, X, LinkedIn, Slack o iMessage. Se define con la meta etiqueta og:image. Los enlaces con una buena imagen reciben muchos más clics que una URL sola.
1200 × 630 píxeles (proporción 1,91:1). Todas las grandes plataformas usan ese formato para las vistas previas grandes, así que una sola imagen sirve para todas. Esta herramienta recorta y redimensiona exactamente a ese tamaño.
WhatsApp omite las imágenes de vista previa de más de unos 300 KB, y muchas fotos pesan más. Esta herramienta siempre guarda un JPEG de menos de 300 KB. Revisa también que la URL de la imagen sea pública y empiece con https.
Sube og-image.jpg a tu sitio (la mayoría de los creadores de sitios tiene una opción de "imagen social" o "imagen para compartir") y pega las meta etiquetas en el <head> de la página. Usa la URL https completa de la imagen en og:image.
Las plataformas guardan las vistas previas en caché. Usa el Sharing Debugger de Facebook o el Post Inspector de LinkedIn para volver a leer tu página, o ponle otro nombre al archivo de la nueva imagen.
No. La imagen se redimensiona en memoria y se te devuelve directamente. No guardamos nada en nuestros servidores y no hay registro.
¿Te sirvió esta herramienta?
Compártela con tus lectores o alumnos. Copia este enlace en tu artículo, curso o página de recursos.
<a href="https://nanosite.ai/es/tools/og-image-generator">Generador de imagen Open Graph</a> por NanoSiteMás herramientas gratis
- Redimensionar imagenAjusta una foto al tamaño exacto que piden Shopify, Amazon, Etsy o Instagram. Nunca sale de tu dispositivo.Abrir herramienta
- Compresor de imágenesHaz tus imágenes JPG, PNG y WebP hasta 80 % más livianas sin pérdida visible, para que tu tienda cargue más rápido.Abrir herramienta
- Quitar fondo blancoConvierte la foto de un producto sobre fondo blanco en un PNG transparente. Tu foto nunca sale de tu dispositivo.Abrir herramienta
¿Listo para vender? Crea tu tienda con IA
Describe tu tienda y NanoSite la crea, con productos, checkout y pagos incluidos. Empieza gratis.
Crear mi tienda gratis