La expectativa suele ser esta: hay una toma de verdad lograda, y cubrirá todo — la portada de la página de inicio, la vista previa en una tarjeta, el primer encuadre del slider y el fondo bajo el formulario de solicitud. El encuadre es bueno, así que servirá en todas partes.
En la práctica cada lugar del sitio tiene sus requisitos. La portada necesita una horizontal y un campo libre para el título, la tarjeta — el objeto en el centro y las mismas proporciones que las vecinas, la versión móvil — un encuadre que no pierda el sentido después de recortar los lados. La misma toma se ve distinta en esos lugares, y a veces no sirve en absoluto. Abajo — qué fotografías hacen falta para cada bloque y cómo la elección del original influye en el volumen del tratamiento.
Por qué un encuadre no sirve para todos los bloques
Los bloques del sitio se distinguen por tres cosas: las proporciones, lo que va encima de la toma y cómo se comporta el encuadre en distintas pantallas.
Las proporciones de la portada, de la tarjeta de producto y del slider son distintas. Una toma vertical, hecha con el teléfono, solo cabe en una portada ancha con un recorte fuerte, y del encuadre a menudo queda una franja sin el objeto principal. Una toma horizontal en una tarjeta cuadrada pierde los bordes.
Encima de unas fotografías hay texto y un botón, encima de otras — nada. Para las primeras hace falta una zona tranquila donde el texto se lea. Para las segundas eso no importa, pero sí importan los detalles.
Y, por último, las pantallas. En el ordenador la portada es ancha; en el teléfono queda de ella la parte central. Si el objeto principal está en el borde del encuadre, en el teléfono simplemente no se verá.
La portada y la primera pantalla
Para la portada hace falta un encuadre horizontal con margen en los bordes. El objeto principal es mejor colocarlo más cerca del centro o de uno de los lados, de modo que al lado quede un campo tranquilo para el título: cielo, una pared, un fondo liso, un fondo desenfocado.
Una toma demasiado detallada estorba al texto. Un dibujo fino, manchas brillantes y líneas de contraste detrás del título lo hacen difícil de leer, y entonces hay que oscurecer mucho la foto. Una capa oscura semitransparente no siempre lo salva: la toma se vuelve sombría y pierde expresividad. A veces hacen falta una corrección local de la luz, otro encuadre o una reelaboración acordada con una red neuronal, por ejemplo para prolongar el fondo y dejar sitio al texto.
Si la portada hace falta para una página publicitaria, conviene tratarla con especial atención. En una landing, de la primera pantalla depende si la persona entiende adónde ha llegado, y el tratamiento de la foto para la portada de la primera pantalla se cuenta aparte en el presupuesto.
Fotografías de fondo
El fondo se distingue de la portada en que no se mira a propósito. Marca el ánimo del bloque, y la atención se la llevan el texto, las cifras y el formulario. Por eso para el fondo sirven encuadres con poco detalle: texturas, interiores desenfocados, naturaleza sin contrastes bruscos.
Un mal fondo — una toma en la que hay algo que mirar: personas, rótulos, objetos pequeños. El visitante empezará a mirarlos, y no el texto. Si ese encuadre hace falta por el sentido, es mejor ponerlo como imagen aparte junto al texto, y no debajo.
Tarjetas de producto y vistas previas
En el catálogo las tarjetas están unas junto a otras, y cualquier diferencia entre ellas salta a la vista. Por eso en las tarjetas importa más la uniformidad que el valor artístico de un encuadre suelto: el mismo fondo, un ángulo parecido, las mismas proporciones, un objeto de un tamaño aproximado en el encuadre y con márgenes en los bordes.
Si los productos se fotografiaron en momentos distintos y sobre fondos distintos, se pueden llevar a un aspecto único: recortarlos, ponerlos sobre el mismo fondo, igualar la luz. Esto es trabajo real, y en una tienda online con un surtido grande a menudo ocupa una parte notable de todo el proyecto. Es más simple cuando los productos se fotografían desde el principio según un mismo esquema.
Las vistas previas en artículos, casos y selecciones funcionan de un modo parecido. Una imagen pequeña tiene que leerse a la primera: un objeto claro, sin detalles finos que en la vista previa se fundan.
Galerías y sliders
La galería muestra un objeto o un trabajo desde distintos lados. Necesita planos distintos: vista general, plano medio, detalles. Diez tomas casi iguales desde un mismo punto no le dan al visitante nada nuevo, aunque cada una por separado sea buena.
En el slider los encuadres suelen mostrarse con las mismas proporciones, así que las tomas verticales y horizontales de una misma tira habrá que recortarlas a un formato común. Si en la serie hay muchas fotos verticales, es mejor decirlo de antemano: quizá para ellas convenga otro tipo de galería.
Para los dos formatos importa una gama de color común. Las tomas hechas con distinta luz juntas parecen un conjunto al azar, y igualar el color — también es un trabajo aparte.
La versión móvil
En el teléfono una portada ancha se vuelve estrecha, y de la toma queda la parte central. A veces para la versión móvil es mejor preparar un encuadre aparte o un recorte aparte, donde el objeto principal sea más grande.
Esto se puede comprobar antes de entregar las fotos: cierre mentalmente los bordes de la toma, dejando más o menos el tercio central. Si lo principal sigue viéndose, el encuadre, lo más probable, resistirá la versión móvil. Si no, para el teléfono hará falta otra variante.
Cómo un buen original reduce el tratamiento
Cada desajuste entre el encuadre y el lugar se corrige con tratamiento: recorte, retoque en Photoshop, ampliación del fondo, corrección de la luz y, a veces, reelaboración con una red neuronal. Cuanto más cerca está el original de lo que pide el bloque, menos operaciones así hacen falta y más rápido se acuerda el diseño.
La elección correcta no anula el tratamiento del todo. Casi a cualquier toma le hacen falta al menos una corrección y una optimización para el sitio. Pero la diferencia entre «retocar un poco» y «montar el encuadre de nuevo» es grande, y se ve en los plazos y en el presupuesto.
Con el tratamiento por red neuronal hay una salvedad aparte. Ayuda a ampliar el fondo o a quitar un estorbo pequeño, pero esos cambios los acuerdo de antemano. Una imagen cambiada por una red neuronal no se puede presentar como una fotografía documentalmente exacta del objeto, sobre todo si es un interior, un producto o el resultado de un trabajo que el cliente luego verá en persona.
Si tiene previsto una sesión de fotos para el sitio
Cuando las fotos todavía están por hacer, muchos problemas se pueden resolver de antemano, y eso sale más barato que cualquier tratamiento. Al fotógrafo le sirve saber para qué bloques hacen falta las tomas, y recibir una lista sencilla.
Para la portada conviene pedir varios encuadres horizontales con margen en los bordes y espacio libre en un lado. Para la versión móvil servirán duplicados verticales de los mismos motivos. Los productos es mejor fotografiarlos sobre un mismo fondo y con una misma luz, desde la misma distancia. Para las galerías hacen falta planos distintos de un mismo objeto, y no muchos intentos del mismo encuadre.
Si la estructura del sitio ya está acordada, la lista se puede hacer directamente a partir de ella: qué bloque, qué motivo, qué orientación. Conviene dársela al fotógrafo junto con ejemplos de encuadres que le gusten.
Composiciones adecuadas e inadecuadas
Un resumen por bloques. Son orientaciones para la selección, no los requisitos técnicos de una plataforma concreta.
| Bloque | Adecuado | Más bien no encajará |
|---|---|---|
| Portada | Horizontal, objeto en el centro o a un lado, campo tranquilo para el texto | Encuadre vertical, objeto en el borde, fondo recargado detrás del título |
| Fondo | Textura, plano desenfocado, luz suave | Personas, rótulos, muchos detalles pequeños |
| Tarjeta de producto | Un objeto, el mismo fondo y ángulo que los vecinos, márgenes en los bordes | Producto sobre un fondo al azar, borde recortado, escala distinta |
| Galería | Vista general, plano medio, detalles, una gama única | Serie de encuadres casi iguales desde un mismo punto |
| Slider | Encuadres de una orientación y de una luz parecida | Mezcla de verticales y horizontales sin margen para el recorte |
| Vista previa | Un objeto claro, en grande | Vista general con muchos detalles pequeños |
Si no está seguro de qué toma encaja dónde, es normal: elegir la composición para el bloque — tarea del desarrollador. Basta con entregar los mejores encuadres y decir qué es importante en ellos. Y para comentar cuánto trabajo con las fotografías habrá en su proyecto, empiece por el quiz del sitio: veré la tarea y propondré cómo preparar las tomas con el menor gasto.