写真はウェブページ上で横向きに、縦には他の場所に表示されます。どうして？

Question

サイズ変更時に縦の写真が横向きに変更されたと訴えたユーザーがアップロードした写真がいくつかあります。確かに、それは事実であり、ちょうど一緒に物事を動かす努力の中で、私は写真の向きを変え、適所にアップロードした。それは、写真がウェブページの中で見られたとき、それは効果がなかった！

できるだけ簡単なテストをするために、私は、CSSとsrc以外の属性を持たない単一のIMG要素がないベアボーンのWebページを作成しました。それは風景モードで写真を表示し続けます。写真のURLをコピーして別のタブに貼り付けると、写真は縦のモードで表示されます。ファイルをダウンロードしてWindowsで開き、垂直モードで表示します。

http://www.texashiking.com/test/PhotoOrientation.htm

ファイルは、AzureのBLOBストレージに格納されています。

私はChromeバージョン56、エッジバージョン38とInternet Explorer 11、これを引き起こしている可能性が何

でこれを複製してきましたか？

Answer 1

画像が埋め込まれていますexif orientation dataこれはおそらくページのレンダリング時に無視されています。もう少し詳しくは、this answerを参照してください。

基本的には、画像を横長に保存して撮影したカメラで、画像を270度回転させる必要があるというメタデータが保存されています。ブラウザはウェブページでこのタグをレンダリングするときにこのタグを明らかに無視しますが、画像に直接アクセスするときは無視しません。