Las fotos de tu sitio: reales, ligeras y según las reglas

Las fotos hacen la mitad del trabajo de una página: muestran el lugar, a las personas, los trabajos hechos. También representan lo esencial de su peso. Y una foto mal elegida, o publicada sin los consentimientos necesarios, puede costar más de lo que aporta.

Cuatro preguntas antes de publicar una: ¿es real, tienes derecho a ella, es ligera, está descrita?

Tus fotos reales primero

Los internautas no miran todas las imágenes igual. Los estudios de seguimiento ocular del Nielsen Norman Group muestran que se saltan las imágenes decorativas y se detienen en las que les enseñan algo: el producto, el lugar, las personas reales (2010). En una página de equipo, los participantes pasaban más tiempo en los retratos que en las biografías, que sin embargo ocupaban mucho más sitio.

Las fotos de banco de imágenes producen el efecto contrario. En otra serie de pruebas, los participantes decían reconocer enseguida estas imágenes genéricas, y preferían las fotos de los empleados reales y de los productos reales (Nielsen Norman Group, 2019).

Qué mostrar, según el oficio:

• Una panadería: el mostrador a la apertura, el pan saliendo del horno, el escaparate.
• Un artesano: sus obras, antes y después, y su equipo trabajando.
• Un restaurante: los platos tal como se sirven, la sala, la terraza.
• Una consulta: la sala de espera, el acceso, las caras del equipo.
• Un fotógrafo: su propio trabajo, por supuesto, y su retrato.

Basta un teléfono reciente, con luz de día y un encuadre cuidado.

¿Y las imágenes creadas por una IA? Un estudio de 2026 con 77 participantes estadounidenses no constató que inspiraran menos confianza que las fotos de banco de imágenes. Pero los participantes que sospechaban que una imagen era generada juzgaban el sitio con menos indulgencia (Nielsen Norman Group, 2026). Resérvalas para el ambiente, y muestra tu trabajo, tu local y tu equipo en fotos reales.

Una foto encontrada en internet sigue protegida

Poder mostrar una imagen en internet no da derecho a reutilizarla. La agencia de propiedad intelectual del Ministerio de Economía francés (APIE) lo recuerda: sin la autorización del fotógrafo, reproducirla expone a acciones judiciales, y los fotógrafos hacen vigilar cada vez más sus imágenes por robots (2021).

• «Libre de derechos» no tiene sentido en el derecho francés. Sin condiciones de uso claras, hace falta el consentimiento escrito del autor.
• Un banco de imágenes vende una licencia. Comprueba que cubre tu uso: un sitio web de empresa, durante el tiempo que deseas.
• Una licencia Creative Commons permite ciertos usos, en sus condiciones: a menudo, citar al autor.
• Tu fotógrafo te cede derechos por contrato. Haz que incluya el sitio web y las redes sociales.

El derecho a la propia imagen de las personas fotografiadas

Una persona reconocible en una foto debe haber dado su consentimiento escrito antes de que se publique. Este consentimiento precisa el soporte, la finalidad y la duración, y un uso nuevo exige un consentimiento nuevo. Para un menor, hace falta el consentimiento escrito de los padres (Service-public.gouv.fr, 2022).

Tus asalariados también están afectados. La CNIL indica que el empleador debe obtener su autorización antes de publicar su foto, preferiblemente por escrito, y que pueden negarse. En 2022, el Tribunal de Casación francés juzgó que dos asalariados podían obtener una indemnización por una foto de grupo publicada en el sitio de su empresa: la simple vulneración de su derecho a la propia imagen bastaba, sin otro perjuicio que probar (Service-public.gouv.fr, 2022).

En la práctica: haz firmar una autorización breve que diga qué foto, dónde aparecerá y durante cuánto tiempo. Para una sala de restaurante llena, encuadra de modo que ningún cliente sea reconocible, o pídeselo.

Imágenes ligeras, al tamaño de la pantalla

Las imágenes son lo que más pesa en una página. En móvil, la página de inicio mediana carga 911 KB de imágenes, más que su código JavaScript o sus fuentes (HTTP Archive, 2025). En una página móvil de cada diez, la imagen más grande pesa por sí sola un megabyte o más (HTTP Archive, 2024). Cada kilobyte ralentiza la visualización, sobre todo en 4G en la calle.

Los gestos que aligeran, según web.dev, el sitio de Google sobre el rendimiento:

1. Redimensionar. Una imagen más ancha que su marco pesa para nada: una foto de 1.000 píxeles mostrada en un marco de 500 píxeles es el doble de grande. Las pantallas muy densas justifican una versión más fina, que el paso siguiente les reserva.
2. Ofrecer varios tamaños. El atributo srcset deja que el navegador elija la versión adaptada a la pantalla: pequeña para un teléfono, grande para una pantalla ancha.
3. Elegir un formato moderno. El WebP comprime en general mejor que el JPEG y el PNG. El AVIF va más lejos, con ahorros de más de la mitad frente al JPEG en algunas pruebas. Conserva una versión JPEG de reserva para los navegadores antiguos. Estos formatos siguen siendo raros: en 2024, el WebP solo representaba el 12 % de las imágenes de las páginas móviles, y el AVIF el 1 % (HTTP Archive).
4. Comprimir, y luego comprobar a simple vista que la foto sigue nítida.
5. Cargar bajo demanda lo que está más abajo. El atributo loading="lazy" espera a que la imagen se acerque a la pantalla. Nunca para la primera imagen visible: web.dev desaconseja diferir la imagen principal de la primera pantalla (2024).

Para ir más lejos en la velocidad, ver las Core Web Vitals.

El texto alternativo

El texto alternativo describe una imagen para quien no puede verla: una persona ciega cuyo lector de pantalla lee la página, o un visitante cuya imagen no se ha cargado. Las pautas de accesibilidad web lo exigen para toda imagen que lleva una información (WCAG, criterio 1.1.1, nivel A). Sin embargo, el 45 % de las imágenes de la web no tiene ninguno (HTTP Archive, 2024).

El W3C propone un árbol de decisión sencillo (2024):

• La imagen informa: describe lo que aporta, en una frase. «La tarta de fresas del día, servida por porciones» en lugar de «foto1».
• La imagen es un enlace o un botón: describe la acción o el destino, como «Llamar a la consulta».
• La imagen contiene texto: repite ese texto.
• La imagen es decorativa: deja el texto alternativo vacío, para que el lector de pantalla la ignore.

Google también lee estos textos. Recomienda descripciones útiles, sin acumulación de palabras clave, nombres de archivo cortos y con sentido, e imágenes colocadas cerca del texto que habla de ellas (Google Search Central, 2026). Un artesano que llama a su archivo «bano-ducha-italiana-rennes.webp» y lo describe como «Baño reformado en Rennes: ducha a ras de suelo y alicatado gris claro» sirve a la vez a sus visitantes y a su posicionamiento.

En los sitios compuestos por 29webs, el vídeo de fondo es una escena creada por una IA de vídeo a partir de tu descripción: crea un ambiente. Se vuelve a codificar y se aligera, sin pista de sonido, con una imagen fija que se queda sola en pantalla cuando los visitantes han pedido menos animación.

En resumen: muestra tus fotos reales, con el consentimiento escrito de las personas reconocibles y una licencia para todo lo que no viene de ti. Redimensiona, comprime, describe cada imagen útil en una frase.