Asignar una función a cada imagen

La imagen principal debe situar al visitante en pocos segundos. Las siguientes pueden presentar personas, demostrar procesos, mostrar contexto o apoyar una llamada a la acción. Si dos fotografías cuentan lo mismo, normalmente una sobra.

  • Hero: una idea clara y legible
  • Servicios: evidencia del trabajo
  • Equipo: cercanía y reconocimiento
  • Casos: contexto, proceso y resultado
Comparación de una fotografía adaptada a escritorio y móvil

Buscar variedad con coherencia

Alternar planos generales, medios y detalles crea ritmo. La coherencia no exige que todas las fotografías sean iguales; sí que compartan una intención, un tratamiento de color y una calidad compatibles.

  • Evitar series de encuadres casi idénticos
  • Combinar personas, espacios y detalles
  • Mantener una temperatura de color coherente
  • No mezclar estilos de banco de imagen sin criterio

Componer para la interfaz

El diseño necesita zonas de calma para colocar titulares y recortes que funcionen en móvil. Antes de elegir una fotografía panorámica para portada, comprueba qué sucede al pasar a una pantalla estrecha.

  • Sujeto reconocible en recortes pequeños
  • Margen para texto cuando sea necesario
  • Horizonte y elementos importantes lejos de los bordes
  • Alternativas verticales para móvil
Editor preparando recortes y versiones optimizadas de fotografías para web

Optimizar sin estropear

Subir el original de cámara ralentiza la página sin aportar una mejora visible. Conviene exportar al tamaño máximo real, usar formatos modernos y conservar el original fuera de la web.

  • Dimensiones acordes al diseño
  • WebP o AVIF cuando el flujo lo permita
  • Carga diferida fuera del primer pantallazo
  • Texto alternativo que describa la imagen