Fotografías para una web: qué fotografiar, de dónde sacarlas y cómo aceptarlas

Las fotografías se hacen las últimas y deciden las primeras

En una página de servicio la persona ve la imagen antes de leer el titular. La decisión de es esto o no es esto se toma antes de la primera palabra.

Y sin embargo en los proyectos la fotografía casi siempre se deja para el final: primero el diseño, luego el texto y luego habría que buscar unas imágenes. Acaba montándose en una tarde con lo que apareció.

La diferencia se nota enseguida. Una web con ocho buenas fotografías propias parece más seria que una con cuarenta de banco, y cuesta menos.

Abajo: qué fotografiar, de dónde sacarlo, qué no se puede usar y cómo aceptar una sesión terminada. Con cifras propias: en un solo trabajo preparamos cien fotografías para el catálogo de servicios y cuarenta portadas para la revista, y hubo que rechazar dos lotes enteros.

Qué fotografiar: el conjunto mínimo

La lista es más corta de lo que se espera. Cuatro categorías cubren la mayoría de las webs.

El objeto o el resultado. Lo que vendes, fotografiado de forma que se entienda qué es. Para servicios eso significa el resultado: la instalación terminada, el antes y el después, la pieza acabada.

El proceso. Cómo se hace: manos, herramientas, etapas. Estos convencen más que el resultado final, porque enseñan que el trabajo lo hacen personas.

Las personas. No retratos corporativos sobre blanco, sino quienes de verdad hacen el trabajo, en su propio entorno. Una fotografía honesta del equipo gana a diez sonrisas de banco de imágenes.

Y el lugar. La oficina, el taller, el almacén, el escaparate. Eso es prueba de existencia, y nada lo sustituye.

Sesión propia, banco de imágenes o generación

Tres fuentes, cada una con su papel, y la respuesta correcta suele ser una mezcla.

La sesión propia es insustituible allí donde enseñas algo específicamente tuyo: el producto, la obra, el equipo, el local. Ahí el banco de imágenes no funciona en absoluto: un comprador distingue tu taller del de otro.

El banco encaja en fondos y abstracciones: la portada de un artículo, la ilustración de una sección, una imagen que no pretende ser tuya. La única condición es no hacerla pasar por propia.

La generación encaja donde el banco y da más control sobre formato y tratamiento. Lo hicimos con las portadas de la revista: cuatrocientas sesenta y cuatro piezas, cada una con su imagen a un mismo tamaño.

Regla práctica: si una persona pudiera verificar una afirmación con la fotografía, hazla tú. Si la fotografía ilustra una idea y no un hecho, sirve algo ya hecho.

Qué no se puede usar y por qué sale caro: De 464 piezas de la revista, 188 traían portada desde…

Una lista corta de lo que llega con regularidad a las webs y no debería.

Fotografías sacadas de los resultados de búsqueda. Parece inofensivo hasta que un titular de derechos se pone en contacto. La comprobación está automatizada, se hace con búsqueda inversa de imágenes, y encuentra cosas.

Imágenes con logotipos de otras empresas. Esto aparece también en imágenes generadas: el modelo inserta marcas reconocibles porque las vio en el entrenamiento. Un lote que nos entregaron hubo que rechazarlo entero exactamente por esto: en los encuadres había logotipos reales de servicios conocidos.

Encuadres donde un dispositivo muestra una interfaz que no existe. El segundo lote rechazado era eso: ventanas de aplicaciones inventadas sobre las pantallas. Quien descubre que esa interfaz es ficticia deja de creerse también lo demás.

Y fotografías de personas a las que nadie preguntó. Es un asunto aparte, y la ley varía según el país, pero la regla cotidiana es simple: si una persona es reconocible, hace falta su acuerdo.

El encuadre uniforme gana al encuadre bonito

Un punto poco evidente que estropea más webs que la mala fotografía.

Veinte fotografías excelentes en proporciones distintas quedan peor en una página que veinte del montón en la misma proporción. El recorte irregular se lee como descuido, aunque cada encuadre sea bueno por separado.

Así que la primera decisión no es cómo fotografiar, sino en qué relación de aspecto. Las fichas de producto suelen pedir cuadrado o vertical; las portadas y cabeceras, un encuadre horizontal ancho.

Esa relación se mantiene después en todas partes. Un encuadre cuadrado ajustado a un hueco ancho añadiendo barras borrosas a los lados no es una solución: parece un error porque lo es. Uno de nuestros lotes rechazados era justo eso.

Y vigila la luz. Ocho encuadres en una misma tonalidad se leen como una serie. Ocho encuadres tomados con iluminaciones distintas se leen como un surtido al azar.

Tamaño, peso y formato

Requisitos técnicos que conviene escribir una vez y entregar al fotógrafo con el encargo.

Relación de aspecto y tamaño en píxeles para cada hueco de la web. Para imágenes anchas suele bastar un ancho de unos mil quinientos a dos mil píxeles: más no aporta diferencia visible y sí bastante peso.

Peso del archivo. Una guía para una imagen grande son cien o doscientos kilobytes tras la compresión. Nosotros mantuvimos cien fotografías de catálogo en una media de ciento cuarenta y siete kilobytes; el conjunto ocupó catorce megabytes.

Formato. Los formatos modernos dan menos peso con la misma calidad, y la mayoría de los motores los sirven automáticamente conservando el original en un formato conocido. Prepararlos a mano no suele hacer falta.

Y siempre los originales. Pide las imágenes a tamaño completo, no solo las versiones preparadas para la web. Dentro de un año necesitarás otro formato, y repetir la sesión cuesta más.

Las imágenes cargadas desde el servidor de otro se rompen

Un error aparte que parece un ahorro y acaba en agujeros en tus páginas.

Se trata de que la imagen no esté en tu sitio sino que se cargue por enlace desde el de otro. Es cómodo y gratis justo hasta el día en que ese sitio se muda, cierra o cambia sus direcciones.

Lo revisamos en nuestra propia revista: de cuatrocientas sesenta y cuatro piezas, ciento ochenta y ocho traían la portada desde una dirección externa, y dos ya no abrían. Todas se trajeron a casa.

No va solo de fiabilidad. El servidor ajeno responde más despacio que el tuyo, no controlas su compresión y no puedes servir un formato moderno.

La regla es simple: todo lo que se muestra en tu web debe estar alojado en tu web.

Texto alternativo y nombres de archivo

Dos cosas pequeñas que casi no cuestan y casi nunca se hacen.

El texto alternativo describe la imagen para quien no puede verla: personas con lector de pantalla y rastreadores. Se escribe en una frase que describa lo que hay en el encuadre, no una lista de consultas.

Un instalador colocando un conducto de ventilación en una vivienda es texto alternativo. Ventilación instalación de ventilación instalar ventilación es una lista de palabras, y hace daño.

Las imágenes decorativas no necesitan texto alternativo: un valor vacío del atributo es más correcto que describir una textura de fondo. Un lector de pantalla simplemente se salta esa imagen.

Los nombres de archivo son lo mismo en miniatura. Un nombre como instalacion-ventilacion-vivienda gana a IMG_4821 y cuesta un minuto al subirlo.

Dónde frenan las imágenes a una web

Las imágenes son la causa más común de carga lenta, y normalmente no es por su número.

Primero: archivos sin comprimir. Un encuadre recién salido de la cámara pesa varios megabytes. Diez de esos en una página son treinta megabytes que alguien con móvil tarda medio minuto en descargar.

Segundo: sin dimensiones en el marcado. Si el navegador no sabe de antemano qué tamaño tendrá una imagen, la página da saltos al cargar: el texto se desplaza y la persona falla el enlace al que apuntaba. Es una métrica que se mide y afecta a la puntuación de la página.

Tercero: todo cargando a la vez. Las imágenes por debajo de la primera pantalla deben cargarse al desplazarse, no junto con el resto.

Y cuarto: una única imagen enorme para todos los dispositivos. Un móvil no necesita un encuadre de dos mil píxeles, pero lo recibe si la web no sirve tamaños distintos a pantallas distintas.

Cómo aceptar una sesión

La lista con la que aceptamos los lotes entregados. Es corta y caza casi todo.

Todos los encuadres en la misma relación de aspecto, sin ajustes con barras borrosas.

Ningún encuadre con logotipos, rótulos o marcas reconocibles de otras empresas.

Ningún encuadre con interfaces inventadas ni texto ilegible.

Iluminación y tonalidad de color coherentes entre encuadres.

Originales a tamaño completo entregados, no solo las versiones preparadas para la web.

Un lote que falle aunque sea un punto vuelve entero. Aceptar la mitad y repetir el resto sale más barato que averiguar qué encuadres concretos están estropeados.

Nuestra tanda: ciento cuarenta imágenes

Los resultados de un trabajo, para que las cifras no sean abstractas.

Cien fotografías para el catálogo de servicios: un mismo formato ancho en todas, una media de ciento cuarenta y siete kilobytes por encuadre, catorce megabytes el conjunto. Las cien entradas del catálogo recibieron imagen propia.

Cuarenta portadas para la revista. El encargo no era hacerlo bonito sino quitar repeticiones: una misma imagen de reserva estaba en decenas de piezas, y eso quedaba peor que no tener ninguna.

Dos lotes rechazados enteros. El primero: encuadres cuadrados ajustados a formato ancho con barras borrosas, más logotipos reales de servicios ajenos. El segundo: interfaces inventadas sobre pantallas de dispositivos.

Y una lección sobre el proceso: en un lote de diez, los archivos llegaron en un orden distinto al de la lista que los describía. Los asignamos por posición y fallamos los diez por uno. Desde entonces cada encuadre se identifica por su contenido y nunca por su lugar en una lista.