Generador de imagen OG
Escribe el título de tu página, elige los colores y descarga una imagen de Open Graph de 1200 × 630 px lista para compartir.
Cómo se compone la imagen de Open Graph
Se dibuja un lienzo de 1200 × 630 px, la proporción 1,91:1 que recomiendan Facebook, LinkedIn, WhatsApp y X para la previsualización de un enlace. Es el tamaño que se ve nítido tanto en móvil como en escritorio.
proporción = 1200 ÷ 630 ≈ 1,91:1
El título se ajusta solo: la herramienta mide el ancho de cada palabra con measureText y va montando líneas que quepan en el área útil. Si el texto es largo, reduce el tamaño de fuente hasta que entre en el número máximo de líneas.
El resultado se exporta como PNG, el formato que mejor conserva los bordes del texto. Sube el archivo a tu web y enlázalo con las etiquetas og:image y twitter:image que te mostramos.
Ejemplo práctico
Con el título «Guía completa de Core Web Vitals» y el subtítulo «webytooly.com», la herramienta reparte el título en dos líneas grandes, coloca el subtítulo debajo y añade una barra de acento a la izquierda.
Preguntas frecuentes
- ¿Por qué 1200 × 630 píxeles?
- Es el tamaño mínimo recomendado por Facebook para las imágenes grandes de enlace, y la proporción 1,91:1 encaja sin recortes en la mayoría de redes sociales.
- ¿Puedo usar mi logotipo?
- Esta herramienta compone texto y colores. Si necesitas incluir un logotipo, genera la base aquí y añádelo después con un editor de imagen.
- ¿Por qué no se actualiza la vista previa al compartir?
- Las redes sociales cachean la imagen. Después de cambiarla, usa el depurador de enlaces de cada plataforma para forzar que vuelva a leer la etiqueta og:image.
- ¿Debo usar PNG o JPG?
- PNG cuando la imagen es texto sobre color plano, como aquí: los bordes salen limpios. JPG tiene sentido si el fondo es una fotografía.
Calculadoras relacionadas
- Comprimir JPGReduce el peso de una foto JPG ajustando la calidad de compresión.
- Comprimir PNGReduce el peso de un PNG bajando el número de colores de la paleta.
- Comprimir WebPReduce el peso de una imagen WebP ajustando la calidad de compresión.
- JPG a WebPConvierte fotos JPG a WebP para que tu web cargue más rápido.
- PNG a WebPConvierte imágenes PNG a WebP conservando la transparencia.
- WebP a JPGConvierte imágenes WebP a JPG para abrirlas en cualquier programa.
- Redimensionar imagenCambia el ancho y el alto en píxeles de una imagen sin deformarla.
- Cambiar resoluciónAjusta los DPI de una imagen y su tamaño real de impresión.
- Recortar imagenSelecciona un área con el ratón y recorta la imagen a ese rectángulo.
- Convertir imagenConvierte entre JPG, PNG y WebP eligiendo el formato de salida.
- Generador de faviconCrea todos los tamaños de favicon y el archivo .ico desde una imagen.
- Imagen a Base64Convierte una imagen en una cadena Base64 o en un data URI listo para pegar.
- Selector de color de imagenHaz clic en cualquier punto de una imagen y obtén su color en HEX, RGB y HSL.
- Extraer colores de una imagenObtén la paleta de colores dominantes de cualquier fotografía.