Microsoft Edge for Windows 10 Insiders aims for better responsive images with srcset

2 min. read

Published onJune 8, 2015

published onJune 8, 2015

Share this article

Read our disclosure page to find out how can you help Windows Report sustain the editorial teamRead more

With Microsoft Edge, the company has freed itself from the legacy constraints of IE to build a truly modern browser. One of the most pressing needs of a browser in today’s mobile first world is support for “responsive” images, that is, images that will look good on a full screen desktop, or a small phone screen, all without having to load a full set of image sizes to accomplish this.

According to a blog post on the Edge Dev blog, That’s what a new attribute of the imgtag is for, andsrcsetwill allow browsers to examine a set of images identified by the srcset attribute and the original src attribute, choose the one most appropriate for the conditions, and download only the image needed, saving space and bandwidth, and at the same time providing a better viewing experience.

The latest versions of Microsoft Edge shipping with Windows 10 Insider Preview supports some, but not all, of the srcset attribute, with Microsoft promising to add in the width descriptor in a future update, but it couldn’t be added in time for Edge to ship with Windows 10 on July 29th.

There are some complications that make Microsoft’s implementation of supporting srcset problematic. For one, a popular library called Picturefill, estimated by Microsoft to be used on millions of sites, in early versions doesn’t properly identify a browser’s capability to support srcset. To get around that, Microsoft has removed support for another responsive image attribute, currentSrc. Apple’s Safari browser has done the same thing, and until Picturefill is updated in enough websites to cease being a problem, this works around images either not rendering or redirecting to error pages.

So, like Safari, Microsoft’s Edge isn’t shipping the full slate of new attributes to the img tag, but it is making use of srcset, and that’s a start.

If you’re a web developer, you can make use of srcset and gain its benefits for your Edge users, and if you’re using Windows 10 with Microsoft Edge, you’ll be able to load images faster, with less overhead, and take one step closer to a truly modern web.

Kip Kniskern

User forum

0 messages

Sort by:LatestOldestMost Votes

Comment*

Name*

Email*

Commenting as.Not you?

Save information for future comments

Comment

Kip Kniskern

With KB5043178 to Release Preview Channel, Microsoft advises Windows 11 users to plug in when the battery is low#

Copilot in Outlook will generate personalized themes for you to customize the app#

Microsoft will raise the price of its 365 Suite to include AI capabilities#

Death Stranding Director’s Cut is now Xbox X|S at a huge discount#

Outlook will let users create custom account icons so they can tell their accounts apart easier#

Microsoft Edge for Windows 10 Insiders aims for better responsive images with srcset#

With KB5043178 to Release Preview Channel, Microsoft advises Windows 11 users to plug in when the battery is low

Copilot in Outlook will generate personalized themes for you to customize the app

Microsoft will raise the price of its 365 Suite to include AI capabilities

Death Stranding Director’s Cut is now Xbox X|S at a huge discount

Outlook will let users create custom account icons so they can tell their accounts apart easier

Microsoft Edge for Windows 10 Insiders aims for better responsive images with srcset