Cómo ha cambiado internet y el peso de sus imágenes

La primera página web de la historia, publicada por Tim Berners-Lee en agosto de 1991 desde el CERN, no tenía ni una sola imagen. Era texto plano con enlaces subrayados, explicando qué era este proyecto llamado "World Wide Web". Treinta y tantos años después, una página de producto de e-commerce media carga más de dos megabytes solo en imágenes. Esta es la historia de cómo pasamos de una cosa a la otra — y de por qué, para cualquiera que gestione una web hoy, el peso de las imágenes sigue siendo la variable individual que más rompe la velocidad de un sitio.

1991-1995: una web hecha para módems de 2400 baudios

Los primeros navegadores gráficos — Mosaic en 1993, luego Netscape Navigator en 1994 — sí permitían incrustar imágenes, pero el contexto técnico imponía una disciplina brutal. Un módem doméstico típico de 1994 transmitía a 14.4 o 28.8 kbps. Una sola imagen JPG de 100 KB, que hoy consideraríamos diminuta, podía tardar casi un minuto en cargar a esa velocidad. El resultado: las webs de la época usaban imágenes con cuentagotas, casi siempre en GIF de 256 colores (más ligero que un JPG en gráficos simples), y cualquier fotografía real se recortaba y comprimía de forma agresiva. La estética "pixelada" que hoy asociamos a los 90 no era una elección de diseño — era la única opción que el ancho de banda permitía.

1995-2005: banda ancha, y la imagen deja de ser un lujo

La llegada del ADSL y el cable a los hogares cambió las reglas. Para principios de los 2000, una conexión doméstica media ya soportaba cientos de kbps o más, y las webs empezaron a tratarse como catálogos visuales, no solo documentos con enlaces. Amazon, eBay y las primeras tiendas online entendieron rápido que una fotografía de producto vendía más que una descripción — y las páginas empezaron a llenarse de imágenes sin que nadie se preocupara demasiado por su peso, porque la banda ancha parecía resolverlo todo. Ese optimismo generó un hábito que todavía cuesta erradicar: subir la foto tal cual sale de la cámara o el móvil, sin comprimir, porque "total, ya no hay dial-up".

2007-2015: el móvil lo cambia todo (otra vez)

El iPhone, en 2007, y la ola de smartphones que le siguió, resucitaron el mismo problema de los 90 pero al revés: ahora la conexión volvía a ser limitada (3G, datos móviles con tarifas por megabyte) justo cuando las webs se habían acostumbrado a pesar varios megabytes en fijo. La respuesta de la industria fue el diseño responsive (el término lo acuñó Ethan Marcotte en 2010) — que una misma web se adapte a cualquier pantalla — y, más despacio, la idea de servir imágenes de tamaño distinto según el dispositivo, en vez de mandar la misma foto de escritorio a una pantalla de móvil que ni la necesita ni la puede mostrar entera.

2015-hoy: Google empieza a medir la velocidad, y de repente importa

El cambio más determinante de la última década no fue técnico, fue de incentivos: Google empezó a usar la velocidad de carga como factor de posicionamiento, y en 2021 formalizó esto con los Core Web Vitals — métricas concretas como LCP (Largest Contentful Paint, cuánto tarda en pintarse el elemento más grande visible, casi siempre una imagen) que afectan directamente al SEO. De golpe, comprimir bien una imagen dejó de ser "buena práctica" y pasó a ser algo con impacto medible en cuánto tráfico recibe una web. Es la razón por la que herramientas como esta existen: no es una moda de diseño, es que el peso de las imágenes se convirtió en una métrica de negocio.

Tendencias de imagen en 2026

Con esa base histórica, esto es lo que se ve ahora mismo, en 2026, en cómo se usan las imágenes en la web:

• AVIF y WebP como estándar, no como excepción. Hace unos años, servir estos formatos exigía comprobar compatibilidad de navegador con cuidado. Hoy el soporte es prácticamente universal, y la pregunta ya no es "¿puedo usar WebP?" sino "¿por qué sigo sirviendo JPG por defecto?".
• Menos fotografía de stock genérica, más contenido generado o retocado con IA. No porque sea más barato (que también), sino porque encaja mejor con marcas que quieren una estética propia en vez de la misma imagen de gente sonriendo en una oficina que usa todo el mundo.
• Formatos verticales por defecto. El consumo mayoritario ya es móvil, y el diseño de imagen — para redes, para banners, para miniaturas — se piensa primero en vertical (9:16, 4:5) y solo después se adapta a horizontal, al revés de como se hacía hace una década.
• Carga diferida (lazy loading) nativa como default. El atributo loading="lazy"del propio HTML, sin librerías, se ha vuelto la norma para no cargar imágenes que el usuario nunca llega a ver.
• Presión constante por reducir peso, no por añadir más resolución. Las pantallas siguen mejorando (más densidad de píxeles, más HDR), pero la tendencia real en producción web es la contraria a lo que se podría esperar: exportar más comprimido, no menos, porque el coste de transferir datos y el impacto en Core Web Vitals pesan más que la ganancia visual marginal de un archivo un poco más nítido.