Este artículo, escrito por una figura clave en el desarrollo de las imágenes responsivas para la web, revela una verdad incómoda: el sistema actual, aunque ampliamente utilizado, es problemático y el autor, irónicamente, fue uno de sus principales impulsores. La historia se remonta a hace 14 años, cuando el autor lideró el RICG, un grupo que luchó por integrar el markup de imágenes responsivas en la plataforma web. Este proceso fue arduo, enfrentando resistencia y creando una sintaxis compleja que ha frustrado a muchos desarrolladores.
El problema fundamental radica en la naturaleza 'descriptiva' de srcset y sizes. Estos atributos permiten al navegador elegir la imagen más adecuada según el contexto del usuario, pero sin ofrecer control sobre el proceso de selección. Esto a menudo resulta en la descarga de imágenes innecesariamente grandes, impactando negativamente en el rendimiento, especialmente en conexiones más lentas. El autor admite haber contribuido a esta situación, incluso habiendo escrito guías y cursos sobre el tema, a menudo con un sentimiento de frustración.
En contraste, el elemento <picture> ofrece un enfoque 'prescriptivo', permitiendo a los desarrolladores controlar explícitamente qué imagen se sirve en función de condiciones específicas (media queries). Esto facilita la adopción de nuevos formatos de imagen y ofrece un mayor control sobre la experiencia del usuario. El artículo argumenta que el futuro de las imágenes web reside en este enfoque más controlado y flexible, dejando atrás la complejidad y las limitaciones de srcset y sizes.
En esencia, el artículo es una confesión y una llamada a la evolución. Reconoce el valor de las imágenes responsivas como concepto, pero critica la implementación actual y anticipa su eventual obsolescencia a medida que la web avanza hacia soluciones más inteligentes y eficientes para la gestión de medios. La lección clave es que, a veces, incluso los arquitectos de un sistema pueden reconocer sus fallas y abogar por un cambio.