在无样式的 <img> 标记中，图像无缘无故地不一致地旋转了 90 度答案

【问题标题】：Images are inconsistently rotated 90deg for no reason within unstyled <img> tags在无样式的 <img> 标记中，图像无缘无故地不一致地旋转了 90 度
【发布时间】：2015-01-20 03:51:36
【问题描述】：

我有一个托管在 Amazon S3 上的图像，当它放入一个完全没有样式的 <img> 标记时，它会从纵向翻转为横向。

Chrome 在页面中将其显示为水平：http://imgur.com/kJNzNQG,PgJPUsm#0

但是当我在新标签页中打开时，它显示为纵向。 http://imgur.com/kJNzNQG,PgJPUsm#1

结果：

wget：返回垂直图像。
图片标签内的所有浏览器：水平
新标签页中的 Chrome、Safari、FF：垂直
IE 新标签页：水平

我不能直接链接到图片样本，因为它们是用户的个人资料照片和机密。

有没有人遇到过这种情况？我们如何识别真实图像是垂直的还是水平的，为什么它在某些地方会自动旋转，而在其他地方却没有？

【问题讨论】：

标签： css image browser amazon-s3 rotation

【解决方案1】：

有时 EXIF 数据会存储图片的方向。一些软件会处理这个并向您显示正确旋转的版本，而其他软件会忽略它并向您显示图片的“原生”旋转。为了进一步增加复杂性，我发现我的手机在设置此方向标志校正方面不太可靠。

更多关于 EXIF 方向标志的信息 -> http://www.impulseadventure.com/photo/exif-orientation.html

在线 EXIF 阅读器 -> http://regex.info/exif.cgi

【讨论】：