Academia › Construir › Crear la web

El peso que no ves en cada foto

Sales sabiendo cuánto debe pesar el archivo de cada foto (no cómo se ve en pantalla) y en qué formato guardarla, para que tu web abra rápido sin renunciar a las fotos.

Por Yodai · Publicado el 6 de septiembre de 2026 · Actualizado el 12 de octubre de 2026

Si tu web tarda en abrir en el móvil con dos rayas de cobertura, toca mirar qué está pesando tanto. Subes la foto del plato, del corte de pelo, del local recién pintado. En tu propio móvil se abre al instante y se ve perfecta. En tu web, esa misma foto tarda tres o cuatro segundos en aparecer, y para entonces muchos clientes ya se han ido: según datos de Google publicados en 2017, el 53 % de quienes visitan una web desde el móvil la abandona si tarda más de tres segundos en cargar.

No falla la foto. Falla que estás confundiendo dos cosas que no tienen nada que ver entre sí: lo grande que se ve la foto en la pantalla, y cuánto pesa el archivo que el móvil del cliente tiene que descargar entero para verla completa. Una foto puede verse diminuta en tu web y pesar una barbaridad, porque nadie la ha tocado desde que salió de la cámara. Como explica la guía de rendimiento de imágenes de web.dev, de Google, una imagen cuadrada de 1.000 píxeles que se muestra en un hueco de 500 es, sin contar otros factores como la densidad de la pantalla, el doble de grande de lo necesario.

Lo que se ve y lo que pesa no son lo mismo

Una foto recién sacada con un móvil actual pesa, sin tocarla, miles de kilobytes (KB, la unidad con la que se mide cuánto ocupa un archivo). Apple, por ejemplo, explica que en el iPhone una foto en su formato RAW (ProRAW) de 12 megapíxeles ocupa unos 25 MB y que las fotos normales (HEIF o JPEG) ocupan entre 10 y 12 veces menos. Haz la cuenta: unos 2.000 o 2.500 KB por foto. Y en sus modelos Pro recientes el formato HEIF estándar llega ya hasta 24 megapíxeles, el doble que esas fotos de 12, así que el archivo puede pesar bastante más. En la web, las imágenes pesan mucho menos: según el Web Almanac 2025 del HTTP Archive, que analiza millones de webs, nueve de cada diez imágenes que se cargan en el móvil pesan 186 KB o menos, y tres de cada cuatro, 52 KB o menos. Por eso aquí tomamos como referencia unos 200 KB para la foto de portada, unas diez veces menos que la original, y unos 50 KB para una miniatura de catálogo.

Esa diferencia no se nota mirando la foto. Se nota en lo que tarda en llegar: según ese mismo documento de Google, 1,49 MB (unos 1.500 KB) tardan siete segundos en cargar con una conexión 3G rápida, y una sola foto sin tocar ya pesa más que eso. Y se suma por cada foto que tenga la página: una ficha de servicio con seis fotos sin tocar suma 12.000 KB o más solo en imágenes. La misma ficha, con las fotos preparadas antes de subirlas, no llega a 1.500 KB. Para hacerte una idea, la documentación de Lighthouse, la herramienta de Google que mide la velocidad de una web, aconseja que la página entera no pase de 1.600 KiB (unos 1.640 KB) y señala las que pasan de 5.000 KiB. Esa diferencia es la que decide si el cliente espera o se va.

Lo que haces antes de subir cada foto

JPEG o PNG: la decisión que también pesa

Además del peso está el formato: la extensión con la que guardas el archivo. Aquí el error es guardarlo todo en PNG porque «se ve mejor», sin saber que, como explica la guía de formatos de imagen de web.dev, el PNG casi siempre da archivos excesivamente grandes frente a otros formatos pensados para la web y casi nunca es la opción correcta para una foto, mientras que un JPEG bien comprimido se ve en pantalla prácticamente igual. La diferencia entre uno y otro no está en la calidad que ves, está en para qué se inventó cada uno. Y si tu programa te deja guardar las fotos en WebP, un formato más moderno, mejor todavía: la misma documentación de Lighthouse aconseja usar WebP en lugar de JPEG o PNG para las imágenes.

Pongamos una foto sacada con un móvil actual, sin tocar, y sigámosla paso a paso hasta dejarla lista para la web. En este ejemplo, esto es lo que baja en cada momento, casi sin que cambie cómo se ve:

Fíjate en dónde está el salto grande: no es la compresión final, es el redimensionado. Bajar de 4.500 KB a 800 KB solo por quitar píxeles que nadie ve ya deja la foto en menos de una quinta parte. La compresión JPEG hace el resto, y entre esos 800 KB y los 180 finales apenas se aprecia diferencia mirando la pantalla. El orden importa: si comprimes antes de redimensionar, estás comprimiendo información que vas a tirar de todos modos.

Con esto ya sabes cuánto debe pesar cada foto y en qué formato guardarla antes de subirla. Queda una pieza que suele pesar mucho más que una foto preparada, y que trae sus propias reglas: el vídeo, del que habla la siguiente lección.

Con las fotos pesando lo justo, queda un sospechoso más grande: ese vídeo de quince segundos que pusiste en la portada. En las páginas de inicio que se abren en el móvil, el archivo de vídeo típico pesa entre 12 y 20 veces lo que una foto JPEG típica, según el mismo Web Almanac 2025, y la próxima lección decide si se queda o se convierte en una imagen más.

En Yodai cada web sale publicada con su candado y su mapa del sitio, sin contratar ni configurar nada; con tu propio dominio, también sus páginas interiores pueden salir en Google. Mira qué lleva el hosting incluido con tu página web.