Crea imágenes OGP y para redes sociales en 1200×630
Configure el título, los colores y la imagen de fondo; compruebe el recorte de texto y el contraste, y guarde.
Contenido y diseño de la imagen
PNG, JPEG, WebP y GIF, hasta 25 MB y 40 millones de píxeles. Los logotipos SVG no se cargan por seguridad. El fondo y el logotipo no se envían fuera del dispositivo.
Vista previa y guardado
La configuración ha cambiado. Actualice la vista previa con «Crear imagen».
No se mostrará el resultado hasta que ingreses el título.
Qué puede hacer este generador de imágenes OGP
Crea imágenes para compartir en 1200 × 630, publicación de X, 16:9, cuadrado o tamaño personalizado. Añade título, apoyo, etiqueta, marca, logotipo, color, degradado o imagen de fondo sin subir los archivos.
Ajuste automático del título
Adapta el tamaño de fuente y los saltos al lienzo.
Foco de la imagen
Mantiene visible el sujeto importante durante el recorte.
Margen y lectura
Revisa zona segura, desbordamiento y contraste antes de guardar.
Imagen y metaetiquetas
Guarda PNG, JPEG o WebP y copia etiquetas OGP y tarjeta de X.
Pasos para crear una imagen OGP
- Elige el tamaño de imagen adecuado para tu usoPara imágenes compartidas de artículos web, elija primero 1200×630. Para imágenes exclusivas de publicaciones o material cuadrado, use cada ajuste preestablecido.
- Introduce el titular que quieres transmitir con la imagenNo introduzca el título del artículo tal cual; ajústelo a una longitud que tenga sentido incluso en una vista reducida.
- Configurar fondo y textoElija una combinación de colores o una imagen de fondo y compruebe el contraste entre el título y el fondo en la vista previa.
- Verificar el área segura y la vista reducidaColoque el título, el logotipo y los rostros hacia el interior para que la información importante permanezca aunque se recorten los bordes.
- Elegir formato de guardadoElija PNG para texto y gráficos, JPEG para fotos con menor peso, y WebP si el entorno de soporte está claro.
- Configura la URL pública en las etiquetas metaIntroduzca la URL absoluta después de subir la imagen a su sitio y configure la etiqueta creada en la sección <head>.
Tamaños recomendados y usos de las imágenes OGP
| Ajustes predefinidos | Dimensiones | Relación de aspecto | Uso recomendado |
|---|---|---|---|
| OGP | 1200×630px | Aprox. 1.91:1 | Imágenes para compartir en artículos web, blogs y páginas de servicios |
| Publicación en X | 1200×675px | 16:9 | Para usar tanto en publicaciones como en miniaturas |
| 16:9 | 1280×720px | 16:9 | Miniaturas de video, documentos e imágenes de uso general |
| Cuadrado | 1080×1080px | 1:1 | Feed cuadrado, imágenes de anuncio |
| Personalizado | 320–2400px | Personalizado | Cuando tu CMS o sistema interno especifica las dimensiones |
Las especificaciones, los marcos de visualización y los métodos de recorte de las redes sociales pueden cambiar. Incluso con la misma imagen, el área visible difiere en el feed, el perfil, los mensajes y los resultados de búsqueda. No coloque texto o logotipos importantes en los bordes y, después de publicar, compruebe también la vista compartida real.
Directrices prácticas para títulos legibles
Mantén el mensaje principal breve y revisa la vista previa a tamaño reducido. La herramienta ajusta el texto por grafema y evita signos comunes en posiciones de salto incómodas.
Las marcas, URL y secuencias largas sin espacios pueden desbordarse. Acorta el texto o reduce la fuente máxima si aparece el aviso.
Recorte de imagen de fondo y posición de enfoque
La imagen de fondo se muestra al tamaño completo del marco de salida, por lo que las partes con diferente relación de aspecto se recortan. Con «posición de enfoque horizontal» y «posición de enfoque vertical» puede mover el área de recorte según la posición que quiera conservar, como el rostro de una persona, un producto o un edificio. El diseño dividido en izquierda y derecha coloca la foto a la derecha y asegura el área del título a la izquierda.
Si superpones texto blanco sobre una foto, sube la «opacidad del oscurecido». El oscurecido cubre toda la imagen con negro en un porcentaje, lo que mantiene la impresión de la foto y hace que el texto sea más legible. También mostramos el contraste mínimo medido en varios puntos de la zona de texto ya dibujada, pero no te fíes solo del número: revisa visualmente el fondo detrás del texto.
Cómo usar el área segura de recorte
El área segura es una guía para el caso de que los bordes de la imagen se recorten en la red social o el tema. Al activar la comprobación, se muestra un marco dentro de la vista previa. Este marco no se dibuja en la imagen guardada. Coloque elementos como el título, la fecha o el logotipo, cuya pérdida cambiaría el significado, dentro del marco.
Incluso dentro del área segura, no se garantiza que se muestre completamente en todos los servicios. Algunos servicios usan miniaturas redondas, tarjetas verticales o recortes centrales propios. Si usa la misma imagen para anuncios o avisos importantes en varios medios, es más seguro crearla individualmente con las dimensiones de cada medio.
Contraste entre color de texto y fondo
El contraste se calcula después de dibujar en el lienzo el color sólido, el degradado, la decoración y la foto de fondo; se muestrean varios puntos de la zona donde irá el titular y se muestra la proporción mínima con el color del texto. Para texto de tamaño normal, 4.5:1 o más es una referencia; para texto grande y en negrita, 3:1 o más. Como el brillo de una foto varía según la zona, comprueba tanto el número como la vista previa.
Si el contraste es insuficiente, puede cambiar el texto a blanco o a un color oscuro, oscurecer el color de fondo, intensificar la capa oscura o colocar un área de color sólido detrás del texto. Solo añadir una sombra fuerte o un contorno al texto puede hacer que el contorno se aplaste en pantallas pequeñas. Priorice un estado legible por la diferencia de color y superficie.
Cómo elegir entre PNG, JPEG y WebP
| Formato | Ventaja | Imagen recomendada | Aviso |
|---|---|---|---|
| PNG | Texto, líneas y logotipos nítidos | Centrado en colores sólidos, degradados y formas | Las fotos tienden a aumentar el tamaño del archivo |
| JPEG | Fácil de reducir el tamaño de las fotos | OGP con fondo fotográfico | Pueden aparecer artefactos de compresión alrededor del texto |
| WebP | Equilibrio entre calidad y tamaño | Sitios para verificar la compatibilidad | Verifica la compatibilidad con tu CMS o plataforma de destino |
Como JPEG no tiene fondo transparente, esta herramienta lo combina con un fondo blanco y lo guarda. Después de guardar, abra el archivo y compruebe que no falten letras, que la imagen no esté borrosa, el color y el peso. Incluso con la configuración de alta calidad, si la imagen de fondo original es pequeña, se verá granulada al ampliarla.
Precauciones al configurar las etiquetas meta de OGP
En og:image, configure la URL absoluta de una imagen publicada que el navegador del visitante pueda obtener. No se pueden usar nombres de archivo del PC ni URL visibles solo en el panel de administración. Configure las dimensiones reales de la imagen en og:image:width y og:image:height, y en og:image:alt describa brevemente qué muestra la imagen, no solo repita mecánicamente el texto de la imagen.
Esta herramienta crea etiquetas para og:type, og:title, og:description, og:url, og:image, dimensiones de imagen, descripción alternativa y la tarjeta X en formato summary_large_image. Si el CMS o el plugin de SEO ya genera las mismas etiquetas, no las duplique; registre la imagen y el texto en su pantalla de configuración. Después de publicar, compruebe la aplicación en el HTML de la página y con la función de vista de tarjeta de cada servicio.
Procesamiento sin enviar imágenes, logotipos ni datos ingresados
La carga de la imagen de fondo y el logotipo, el dibujo en Canvas, la medición del texto, el salto de línea automático, el recorte y la conversión a PNG, JPEG y WebP se realizan en el navegador. No enviamos la imagen seleccionada, el título, la URL ni las metaetiquetas al servidor de WiseChecker, a API externas ni a IA de generación de imágenes.
Al recargar la página, el contenido introducido, las imágenes cargadas y los resultados creados desaparecen. Puede procesar imágenes internas con información confidencial sin enviarlas fuera del dispositivo, pero la ubicación de guardado de los archivos creados, los destinatarios y la configuración de sincronización en la nube son responsabilidad del usuario. Además, las imágenes de fondo, los logotipos y las fuentes tienen condiciones de uso de derechos de autor y marcas.
Preguntas frecuentes sobre la creación de imágenes OGP
¿Qué tamaño debo elegir al principio?
Para imágenes compartidas de artículos web o páginas de servicio, elija primero OGP 1200×630. Si la red social o el CMS que usa especifica otras dimensiones, priorice esa especificación.
El titular se vuelve demasiado pequeño
El ajuste automático del tamaño de letra lo ha ajustado al rango especificado. Reduzca el significado a uno solo y elimine las palabras que se superpongan con el texto complementario.
La persona en la imagen de fondo se corta
Mueva la posición de enfoque horizontal y vertical hacia la persona. El diseño dividido en izquierda y derecha también facilita asegurar el área de la foto.
¿Se guarda también el marco del área segura?
No se guarda. Es solo una vista previa.
¿Se suben las imágenes o logotipos que creo?
No se realiza. La carga, el dibujo y el guardado ocurren solo en tu navegador.
¿Las etiquetas meta se reflejan inmediatamente en las redes sociales?
Puede que la caché de cada servicio permanezca. Verifique las etiquetas y la URL de la imagen en la página pública y, si es necesario, use los medios de recuperación del propio servicio.
¿Puedo usar logotipos o fotos con fines comerciales?
Esta herramienta no concede derechos de uso. Utilice material propio o material cuyas condiciones de uso haya verificado.