LumenLab✳
← Volver a las notas

FIELD NOTE / 06

Una cabecera que funciona en móvil

Tres exportaciones descargables muestran qué corta el recorte y qué conservan los márgenes.

Define el espacio real

El ejemplo ilustra un artículo sobre un diseño cerámico ficticio: 1200 × 800 para horizontal y 800 × 1200 para vertical. Son decisiones del ejercicio, no tamaños obligatorios. Mantén el título en HTML encima de la imagen: un título incrustado puede quedar pequeño en móvil y una traducción más larga necesita espacio. Define el uso antes de generar otra imagen.

Compara las tres exportaciones

El recorte horizontal llena el marco sin ensanchar la vasija, pero corta más pedestal abajo. El ajuste completo coloca el cuadrado en 800 × 800 y deja 200 píxeles transparentes a cada lado. Los márgenes muestran el fondo de la página, no un paisaje generado. El recorte vertical elimina los lados y tampoco recupera la base ausente del original. Compara el encuadre, no solo los bytes.

Repite el resultado

Carga la muestra, elige Horizontal, Recorte centrado y WebP al 82%. Guarda imagen y registro. Cambia solo el ajuste a Imagen completa y repite. Después elige Vertical y Recorte centrado. Parte siempre del original: abrir una exportación comprimida añade pérdidas. Pasar de 1024 a 1200 píxeles amplía la imagen, pero no crea detalle real.

Nuestra decisión editorial

Para un artículo sobre la vasija sirve el recorte horizontal: el sujeto está visible y no se afirma mostrar la base completa. Para documentar el pedestal entero, rechaza las tres versiones y prepara otro original. En móvil prueba primero la horizontal con width:100% y height:auto. La vertical es una alternativa editorial, no un requisito. Comprueba el ancho estrecho y que el pie no se superponga.

Descarga y revisa los archivos reales

Archivos exportados con las herramientas locales del sitio el 17 de octubre de 2026. Son versiones procesadas de una imagen existente, no nuevas generaciones.

Horizontal · recorte centrado
Horizontal · recorte centrado

1200 × 800 · 7,032 bytes

Descargar imagen ↓
Horizontal · imagen completa y márgenes transparentes
Horizontal · imagen completa y márgenes transparentes

1200 × 800 · 6,222 bytes

Descargar imagen ↓
Vertical · recorte centrado
Vertical · recorte centrado

800 × 1200 · 7,410 bytes

Descargar imagen ↓

Registro de mediciones (JSON) ↓ · PNG original ↓

Prueba este proceso

Usa nuestra muestra de IA guardada de 1024 × 1024. No consume generaciones ni sube archivos.

Abrir herramientas ↗

De la idea a una imagen publicada

Un recorrido práctico para autores de blogs y pequeños sitios: prueba la muestra, revisa las pruebas y aplica el método a tu artículo.

  1. Revisar el original →
  2. Elegir el encuadre →
  3. Comparar exportaciones →
  4. Publicar con contexto →
Estudio ↗