New HTML Picture Element To Make Future Web Faster

nerdyalien writes: At some point, haven't all web developers spent an unjustifiable number of hours trying to optimize a desktop site for mobile devices? Responsive web design provides a solution: "develop once, works in every device." However, still it downloads multi-MB images and re-sizes them based on device screen resolution. Retrieving optimized images from the server, based on device (desktop, tablet, phone) and the device's internet connection (fiber, broadband, mobile), has always been an open problem. Recently, a number of freelance developers are tackling this with a new HTML element, <picture>, which informs the web browser to download optimized images from the server. The tag will be featured in Chrome and Firefox later this year. Will this finally deliver us faster web browsing on mobile devices and an easier web development experience?

Comments

It's the 1990s all over again.

[oneiros27]

Back in the days of HTML, they decided that it was awful that the people using dial-up had to wait so long for images to load ... so they came up with the 'lowsrc' attribute to the IMG element:

<img lowsrc='...' src='...' ...>

Or, you could could go with the 2000s route, and use CSS's media queries so that you don't try to push large images down to small-screen devices.

Wouldn't it make more sense to just use a known attribute or method rather than trying to come up with yet another solution every few years?