WebKit supports srcset attribute on img elements
Send higher quality images to high resolution displays without causing problems for other users
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.
You are now subscribed
Your newsletter sign-up was successful
Want to add more newsletters?
Five times a week
CreativeBloq
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.
Once a week
By Design
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.
Once a week
State of the Art
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.
Seasonal (around events)
Brand Impact Awards
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.
WebKit now supports the srcset attribute, making it easier to deliver high resolution images to high resolution displays without inconveniencing anyone else.
The srcset attribute is similar to the -webkit-image-set CSS function, in that it uses 1x, 2x, 3x modifiers to tell the browser which image to choose. For example, the 2x modifier marks the image that should be used if the display has more than two device pixels per CSS pixel. A blog post from WebKit.org explains that the srcset attribute can be thought of as "the markup equivalent to the CSS feature".
It is backwards compatible, so browsers that don't support the attribute will ignore it and fall back the src value.
You can read more about it on the official specification page at W3C.
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.

The Creative Bloq team is made up of a group of art and design enthusiasts, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson, Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The ImagineFX magazine team also pitch in, ensuring that content from leading digital art publication ImagineFX is represented on Creative Bloq.
