Re: Images flow chart

On Thu, 29 Jan 2015 01:58:24 +0100, Jason Grigsby <jason@cloudfour.com>  
wrote:

> I've been working on a flow chart that might capture how someone decides
> which combination of responsive image features might make sense. I'm
> considering a separate flow chart on picking image breakpoints.
>
> Here's my current work in progress:
> https://dl.dropboxusercontent.com/u/196424/images-flowchart.pdf
>
> I'd welcome any feedback or corrections you see.

When using 'w' descriptors, the sizes attribute is now required (see  
https://github.com/ResponsiveImagesCG/picture-element/issues/253 ).

Your chart seems to imply always using 'w' when having multiple srcset  
candidates (it would be clearer if it said so), although when the image is  
fixed with it might be better to use 'x' since it's simpler and more  
widely supported. (This path would skip the "Pick your image breakpoints"  
box.)

The chart says "<size> attribute", i guess that should be "sizes  
attribute".

"Does the image's width as a percentage of viewport width change?" - it  
doesn't have to be a percentage of the viewport. It can switch between a  
few fixed widths, or have a mix between fixed and fluid, or something else.

 From the "Art direction or resolution switching" diamonds there could be a  
third option "neither" which could point to a new diamond "Just point to  
your image LOL" -> "Done" :-)

-- 
Simon Pieters
Opera Software

Received on Thursday, 29 January 2015 12:27:22 UTC