Question

你怎么能绕过这个......：

在iphone上拍摄两张照片6.一张照片（带杯子的脸）和另一张照片（鸡蛋盒）。

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

当您在Windows资源管理器中检查两个图像的属性时，没有任何内容跳出来作为窗口浏览器中纵向渲染格局的指示..？巧合的是，Windows正确地在Windows资源管理器中呈现预览..它似乎只是Windows中的浏览器问题。

我还测试了另一种方式，从苹果和Windows上的img标签中渲染的android中的肖像和风景..两者都很好。

在下面的片段中，图片以原始形式提供，因为它们是由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/

来自iOS的肖像图像在Windows上的浏览器中呈现横向

1 个答案: