Orientation des images en respectant l'EXIF d'orientation quand il existe
Lorsque les EXIF d'orientation sont présents ils ne sont pas (toujours) pris en compte. Sur deux appareils :
- mon smartphone, la valeur de l'EXIF d'orientation est à zéro mais width et height correspondent aux dimensions de l'orientation. L'image est téléchargée correctement et sa vignette également
- mon appareil photo, les dimensions de l'image correspondent aux tailles de l'image et à résolution identique width and height et l'orientation est corrigée par l'EXIF d'orientation.
Sur la page de démo de la lib utilisée pour le retaillage des images https://blueimp.github.io/JavaScript-Load-Image/ , quelque soit la source des photos (smartphone ou appareil photo) mes images sont OK.
Toujours sur la page de démo, les EXIF de l'image du smartphone: et les EXIF d'une image en portrait de l'appareil photo :
La doc indique sur l'orientation
Setting orientation to true enables the canvas and meta options, unless the browser supports automatic image orientation (see browser support for image-orientation). Setting orientation to 1 enables the canvas and meta options if the browser does support automatic image orientation (to allow reset of the orientation).
J'ai essayé d'intégrer dans javascript/bigup.js
opts.orientation = true;
C'est sans effet puisque le navigateur supporte l'orientation automatique des images.
Par contre l'essai :
opts.orientation = 1;
charge bien l'image correctement mais c'est alors la vignette qui n'a pas la bonne orientation.
La doc de la lib donne un exemple de génération des vignettes en tenant compte de l'EXIF d'orientation https://github.com/blueimp/JavaScript-Load-Image#exif-thumbnail