在无样式的<img/>标记内,图像不一致地旋转90度

时间:2014-11-21 21:43:53

标签: css image browser amazon-s3 rotation

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

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

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

结果:

  • wget:返回垂直图像。
  • 图片标记内的所有浏览器:水平
  • Chrome,safari,FF in new tab:vertical
  • IE新标签:水平

我无法直接链接到图片样本,因为它们是用户的个人资料照片和保密信息。

之前有没有遇到过这个?我们如何识别真实图像是垂直还是水平,为什么它在某些地方自动旋转而不是其他地方呢?

1 个答案:

答案 0 :(得分:3)

有时EXIF数据会存储图片的方向。有些软件会对此进行处理,并向您显示正确旋转的版本,而其他软件会忽略它并向您展示图片的本地版本。回转。为了进一步增加复杂性,我发现我的手机在设置此方向标记校正时不太可靠。

有关EXIF方向标志的更多信息 - &gt; http://www.impulseadventure.com/photo/exif-orientation.html

在线EXIF阅读器 - &gt; http://regex.info/exif.cgi