Est-il un moyen de dire aux navigateurs pour l'honneur de l'jpeg exif?

Je sais que la rotation automatique des fichiers JPG est désactivé dans les navigateurs.

Ils ne peuvent pas l'activer car il allait se casser la mise en page de certains sites web.

Est-il une propriété CSS?
ou de code javascript pour réaliser cela?
ou quelque chose d'autre?
ou peut-être la solution à ce problème n'existe pas encore?

  • CSS spécifications ignore les données EXIF. Solution Possible est de définir la IMG éléments d'orientation de style dynamiquement via un script basé sur des images prétraitées les noms de fichiers qui contiennent un suffixe pour indiquer l'orientation correcte. par exemple: un simple "a", "b", "c", "d" pour 0, 90, à 90, 180.
  • merci pour l'astuce, ou de l'idée. Mais il y a encore besoin de prétraitement. Le mieux serait d'avoir une certaine propriété CSS pour dire au navigateur d'honneur de l'orientation EXIF. J'imagine que la réponse sera dans le code navigateur.
  • Aussi loin que je peux dire, iOS Safari ne permet de comprendre l'orientation EXIF de l'information, au moins à partir de photos prises avec un appareil iOS.
  • Je pense que la meilleure réponse est ici: stackoverflow.com/questions/20600800/...
InformationsquelleAutor Marc MAURICE | 2012-08-19
  1. 28

    Image CSS-orientation: de image de

    de le specs https://www.w3.org/TR/css4-images/#the-image-orientation

    6.2. Orientation d'une Image sur la Page: l'image de l'orientation de la propriété

    image-orientation: de image

    de-image: Si l'image a un sens spécifié dans ses métadonnées EXIF, cette valeur calcule l'angle de la métadonnée précise est nécessaire pour orienter correctement l'image. Si nécessaire, cet angle est arrondi et normalisé tel que décrit ci-dessus pour une valeur. Si il n'y a pas d'orientation précise dans ses métadonnées, cette valeur calcule ‘0deg’.

    Correspondant En Chrome-Problème: https://bugs.chromium.org/p/chromium/issues/detail?id=158753

    Mais la prise en charge du navigateur n'est pas encore là: https://developer.mozilla.org/en/docs/Web/CSS/image-orientation#Browser_compatibility

    Tourner via JS

    Il y a un JS extrait pour ce faire: https://gist.github.com/runeb/c11f864cd7ead969a5f0

    Ma conclusion

    Je pense que la rotation de l'image sur le serveur avec des outils comme imagemagick est trop de frais généraux.

    Le navigateur peut faire pivoter l'image, mais l'application web doit donner des conseils sur la façon de faire tourner cette explicitement.

    Cette explicites dans le navigateur de rotation peut être fait comme ceci: https://stackoverflow.com/a/11832483/633961

    • Ce qui est surprenant que si vous affichez le droit d'URL pointant vers l'image elle-même, puis tous les navigateurs de l'afficher correctement. Et puis vous mettez l'image en arrière-plan d'un élément, et boum! Out of the blue, il est à l'envers ou sur le côté. Même Firefox obtient seulement un de ces cas (l'img, mais non le fond): softov.org/oria/image-orientation/index.html
    InformationsquelleAutor guettli
  2. 3

    J'ai écrit un petit script php qui fait pivoter l'image.
    Assurez-vous de stocker l'image en faveur de seulement recalculer à chaque demande.

    <?php

header("Content-type: image/jpeg");
$img = 'IMG URL';

$exif = @exif_read_data($img,0,true);
$orientation = @$exif['IFD0']['Orientation'];
if($orientation == 7 || $orientation == 8) {
    $degrees = 90;
} elseif($orientation == 5 || $orientation == 6) {
    $degrees = 270;
} elseif($orientation == 3 || $orientation == 4) {
    $degrees = 180;
} else {
    $degrees = 0;
}
$rotate = imagerotate(imagecreatefromjpeg($img), $degrees, 0);
imagejpeg($rotate);
imagedestroy($rotate);

?>

    Acclamations

    InformationsquelleAutor Thom
  3. 1

    Comme le commentaire précédent dit, vous devrez faire pivoter l'image elle-même. Mais à côté de cela, vous pouvez également régler/réinitialiser la rotation dans la balise EXIF. De cette façon, vous éviterez que les téléspectateurs que le respect de l'orientation de la balise de la faire tourner à nouveau. Un outil qui permet de modifier les informations EXIF pour vous est appelé ExifTool, et est gratuit.

    InformationsquelleAutor Jeroen Kransen
  4. 0

    L'outil exifautotran peut être utilisé au préalable pour remplacer rapidement l'orientation EXIF avec celui par défaut (1, pour “en haut à gauche”) et pour faire pivoter automatiquement l'image pour que l'image est le même qu'avant la transformation. Vous pouvez ensuite utiliser les fichiers JPG ainsi obtenu dans une page web sans se soucier de ce genre de choses:

    a@b:~/a/b/100_PANA$ exifautotran *.JPG
Executing: jpegtran -copy all -rotate 90 P1000638.JPG
Executing: jpegtran -copy all -rotate 270 P1000641.JPG
Executing: jpegtran -copy all -rotate 90 P1000642.JPG
Executing: jpegtran -copy all -rotate 90 P1000645.JPG
…
    InformationsquelleAutor Alice M.