以下に表示されている画像の文字が左右逆だったり横倒しになっている場合、お使いのブラウザは画像をimgタグで表示する際に向きを補正しません。
iOSのSafariで表示した場合はすべての画像の文字が正しい向き(普通に読める向き)になります。
画像を直接表示した場合(URL指定時)の挙動については画像をクリックすると確認できます。
画像引用元:UIImageOrientation / EXIF orientation sample images
リンク元記事:Mobile Safariによる画像の向き補正(画像の向きを自動補正するブラウザについて)
ブラウザ毎のExifに基づく画像向き補正の有無(◯:画像向き補正有り ×:画像向き補正無し)
os | ブラウザ | 埋め込み表示 (imgタグ使用時) | 直接表示 (URL指定時) |
---|---|---|---|
iOS 7.0.4 (iPhone5) | Chrome | ○ | ○ |
Safari | ○ | ○ | |
Sleipnir | ○ | ○ | |
Android 4.4.2 (Nexus7) | Chrome | × | × |
Firefox | × | ○ | |
Sleipnir | × | ○ | |
Windows7 | Chrome32 | × | ○ |
Chrome33 | × | ○ | |
Safari5.1.7 | × | × | |
Firefox27 | × | ○ | |
IE8~IE11 | × | × |
コメント
[…] blog.knjcode.com […]