El fondo es el vídeo que se reproduce detrás del título de tu página de inicio: lo primero que se ve, antes de haber leído una palabra. En el estudio, no sale de un banco de imágenes que otros sitios ya usan. Describes la escena, un obrador de piedra, una sala de restaurante, un taller, y el estudio la rueda para ti. Se crea a partir de tu descripción: se parece a tu lugar sin ser una grabación de él.
Estos cinco fondos los rodó el estudio para negocios reales, y se muestran sin retoques.
Describir la escena
Una buena descripción cabe en tres o cuatro frases, y responde a cuatro preguntas.
- ¿Dónde estamos? El lugar, el material, la época: «un obrador de piedra, antes del alba», mejor que «una panadería».
- ¿Qué luz? Cálida o fría, rasante o directa, una fuente o varias. Marca el ambiente, mucho más que el decorado.
- ¿Qué se mueve? Una cosa, despacio: la puerta del horno que se abre, el vapor, una mano que enharina la mesa. Un fondo que se mueve por todas partes cansa la vista y compite con el título.
- ¿Dónde va el título? Guarda una zona tranquila, a menudo a la izquierda o abajo, donde se posará el texto.
Dos trampas que evitar: pedir texto en la imagen (los modelos de vídeo lo escriben mal, y el título real se pone encima de todos modos), y las caras en primer plano, que atraen todas las miradas y envejecen rápido.
Cinco formas de mover el fondo
- Vídeo en bucle: el vídeo se reproduce mientras las secciones suben al desplazarse. Sencillo y robusto, es la opción por defecto.
- Vídeo de portada: solo existe en la primera pantalla, y luego deja sitio a la página. El mejor equilibrio entre efecto y riesgo.
- Vídeo al desplazar: los fotogramas avanzan con la rueda o el dedo, como una película que se desenrolla. Lo más espectacular, y lo más pesado.
- Secuencia: el fondo cambia de escena a medida que se baja.
- Revelador: dos imágenes superpuestas, y el ratón perfora la de encima. Con el dedo, en el móvil, la imagen de debajo simplemente se queda en pantalla.
Sin vídeo, la biblioteca ofrece también una imagen fija y una banda de imágenes que se desliza sola.
Lo que cuesta
El fondo forma parte del precio de tu sitio: no se factura como un vídeo aparte. Su acabado, más fino o más tosco, y su forma de moverse hacen variar ese precio; lo ves antes de lanzar el rodaje, y un rodaje que falla se devuelve.
Un sitio entero, con sus textos, su fondo y cuatro imágenes, sale por 31 à 70 $, del acabado más sobrio al más espectacular. No hay suscripción. Para calcular el tuyo, la calculadora da el total.
Un fondo que no ralentiza la página
Un vídeo mal preparado puede pesar decenas de megas y frenar todo lo demás. Antes de colocarse en tu página, cada fondo se retrabaja:
- recodificado en H.264, a 1.920 píxeles de ancho: más ancho, pesaría el doble sin ganancia para la vista;
- sin pista de sonido, porque un fondo no la necesita, y porque los navegadores, por norma, solo arrancan solos un vídeo silenciado: Chrome siempre lo permite, y Safari en iPhone en cuanto está silenciado o sin sonido;
- preparado para la reproducción inmediata: el principio del archivo basta para empezar, sin esperar a que termine la descarga;
- acompañado de su cartel, una imagen fija sacada de la película que se muestra al instante, mientras llega el vídeo.
El cartel también cuenta para la velocidad que mide Google. Para un vídeo, el Largest Contentful Paint, el tiempo que tarda en mostrarse el elemento más grande de la pantalla, se queda con el primero de dos momentos: el cartel cargado, o el primer fotograma de la película. Se considera bueno por debajo de 2,5 segundos.
El vídeo al desplazar se corta en imágenes WebP en lugar de reproducirse como vídeo: eso es lo que lo mantiene fluido, en ambos sentidos.
Por último, si los visitantes han pedido a su sistema reducir el movimiento (un ajuste de Windows, iOS y Android, que los navegadores transmiten a las páginas), el vídeo se desvanece y el cartel se queda: la página está completa, y tranquila.