J’ai ajouté un gros paragraphe consacré à « Image adaptative, recadrage et direction artistique » dans ma documentation du #plugin #SPIP image_responsive :
►http://www.paris-beyrouth.org/Plugin-SPIP-Image-responsive
Ça explique les critères de recadrage que l’on peut utiliser directement dans le filtre image_responsive
, comme ceci :
[(#LOGO_ARTICLE_NORMAL|image_responsive{
0/480/800/1280/1920/480/800/1280/1920,
0, 0,
(max-width: 480px) and (orientation:portrait)/(min-width:481px) and (max-width: 800px) and (orientation:portrait)/(min-width:801px) and (max-width:1280px) and (orientation:portrait)/(min-width:1281px) and (orientation:portrait)/
(max-width: 480px)/(min-width:481px) and (max-width: 800px)/(min-width:801px) and (max-width:1280px)/,
4x5/4x5/4x5/4x5/3x2/3x2/3x2/3x2
})]
(lequel code fabrique une bonne grosse balise
picture
en HTML5, extrêmement efficace au niveau de l’affichage, puisque l’image est préchargée, et l’affichage est instantané quand on revient sur une page déjà affichée).
Pour le plugin lui-même :
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/image_responsive