android - 来自 iOS 的肖像图像在 Windows 上的浏览​​器中呈现风景

Question

你到底是怎么绕过这个的……:

两张照片是用 iphone 6 拍的。一张是肖像(带杯子的脸)，另一张是风景(鸡蛋盒)。

当图像在 Windows 浏览器的 img 标签中呈现时，纵向图像呈现横向。然而，相同的 html 在苹果设备上的浏览器中呈现肖像图像 portrait。

当您在 Windows 资源管理器中检查两个图像的属性时，没有任何东西跳出作为 Windows 浏览器中肖像渲染风景的指示..？巧合的是，windows 在 windows 资源管理器中正确呈现预览。它似乎只是 windows 中的浏览器的唯一问题。

我还以另一种方式进行了测试，在苹果和 Windows 上的 img 标签中呈现的 android 中的纵向和横向都很好。

在下面的代码 fragment 中，图片以 iPhone 拍摄时的原始形式提供。

img{max-height: 200px;}

<h2>Image taken in portait on iphone 6</h2>
<img src="http://www.beingyesterday.com/wp-content/uploads/2015/09/41de7162e3e0653f8a896ae82c2484cd5f19c1b9_1.jpeg"/>


<h2>Image taken in landscape on iphone 6</h2>
<img src="http://www.beingyesterday.com/wp-content/uploads/2015/09/ec7a1bd0088b5e5dd55b285c470aee14f4be2a43_1.jpeg"/>

Answer 1

包括 iphone 在内的某些手机正在将纵向图像保存为横向，并且仅添加 EXIF 元数据来旋转图像。

问题是此元数据并非由所有系统统一管理。有些正在应用转换，有些正在部分应用，有些则没有。

网站上的图片不应该使用这个，所有图片都应该在之前转换:

• 使用您最喜欢的图像编辑器
• 在上传时使用您的网络服务器

在这里发现更多 http://www.daveperrett.com/articles/2012/07/28/exif-orientation-handling-is-a-ghetto/

编辑:我看到您使用 Wordpress。问题是 6 年前打开的票，但所有票都已关闭或待处理。但是有一个插件:https://wordpress.org/plugins/image-rotation-fixer/