Re: how many sources do devs use for responsive images?

On Thursday, October 17, 2013 at 12:26 AM, Vitor Mattos wrote:

> Thanks, Marco
> 
> Actually, this data may be useful for a project I'm working on
 
Happy to hear that. This is also important for informing the need for the viewport-url syntax. That is, in this small sample, we currently don't see a lot of people trying to solve for the viewport use case with responsive image solutions. Of course, we need to look at more data - but my suspicion is that most sites (> 90-95%) are just going to target DPR and/or resolution.  
> 
> 2013/10/15 Marcos Caceres <marcos@marcosc.com (mailto:marcos@marcosc.com)>
> > After speaking to Dave Rupert on twitter about how many sources people will declare for responsive images, I did a quick investigation based on picturefill. Here is what I found - the number next to the url represents the number of "sources" declared.
> > 
> > compete.com (http://compete.com) 1 - uses (min-width: 600px)
> > dribble.com (http://dribble.com) 2 - checks on DPR
> > cato.org (http://cato.org) 2 - uses <picture> and (min-width: 0px)!
> > wendys.com (http://wendys.com) 2 - uses (min-width: 720px)
> > evernote.com (http://evernote.com) 2 - uses -webkit-dpr
> > usanetwork.com (http://usanetwork.com) 6 - uses (min-width: 960px) and (min-device-pixel-ratio: 2.0)
> > animoto.com (http://animoto.com) 6 - uses (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5)
> > lorealparisusa.com (http://lorealparisusa.com) 5 - uses -webkit-min-device-pixel-ratio: 1.1, (min-width: 48em), etc.
> > netmoms.de (http://netmoms.de) 2 - uses (min-device-pixel-ratio: 2.0) and (-webkit-min-device-pixel-ratio: 2.0)
> > weforum.org (http://weforum.org) 3 - (min-device-pixel-ratio: 2.0), (min-device-pixel-ratio: 1.5)
> > 
> > 
> > 
> > --
> > Marcos Caceres
>

Received on Friday, 18 October 2013 10:47:12 UTC