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.

  • Imagen principal: que se entienda qué presenta
  • Servicios: evidencia del trabajo
  • Equipo: cercanía y reconocimiento
  • Casos: contexto, proceso y resultado
El recorte vertical para móvil se comprueba dentro de una fotografía horizontal para mantener el sujeto y el espacio para el texto.

Buscar variedad con coherencia

Alternar planos generales, medios y detalles crea ritmo. Las fotografías pueden ser distintas y encajar en la misma web. Revisa que el tratamiento de color y la calidad sean compatibles, y que todas ayuden a contar lo que necesitas.

  • 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

Si vas a colocar un titular sobre una foto, busca una zona donde se pueda leer. Revisa también cómo queda la imagen al recortarla para 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
El original se conserva y se exporta una copia para web con el tamaño necesario, formato WebP o AVIF, recorte comprobado y texto alternativo.

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