iPad和iPhone浏览器在网站上旋转图像？

13

我现在正在建立的网站上遇到奇怪的情况，该网站上显示的图像与应该显示的图像相差90度，但同时又保持了我指定图像的正常尺寸。对于我来说，这仅发生在iPad和iPhone上的Safari上……所有其他浏览器都没有此问题。

在此处输入图片说明

有任何想法吗？

可以在此处查看有问题的页面：http : //www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

— 加勒特
source

4

嗯..我没有任何Apple设备或浏览器可以检查..但也许他们正在读取EXIF信息（尤其是旋转信息）？尝试从这些图像中删除所有其他信息（至少一个，使用图像压缩器，例如punypng.com），然后将图像替换为“优化”版本，然后查看是否有帮助（确保浏览器具有当前图像版本，因此清除缓存）。

— LazyOne 2011年

2

对于问题我从来没有+1 曾经见过。还有两个数据点：IrfanView和Photoshop都还加载了与Mobile WebKit / Safari中一样旋转的顶部图像。桌面Safari没有。这确实支持它在图像元数据中的想法，尽管其中有很多东西，但我还没有发现使用Photoshop的浏览器在这里执行了哪个特定的属性（不过，我对EXIF的处理不多）。不过，应该给您一个起点。@LazyOne，如果您想重新发布为实际答案，我会投票赞成。我只是通过PunyPNG运行了第一张图像，这对我有用。

— Su

我做到了:)日Thnx苏”

— LazyOne

遇到同样的问题，删除元数据有效！

解决了问题：)如果您认为麻烦的是要删除程序来删除元数据，则可以在画图中打开图像（包括在Windows中），将其标记并复制，选择新图像，粘贴复制并保存。

11

嗯..我没有任何Apple设备或浏览器可以检查..，但看起来他们正在读取EXIF元数据（特别是旋转）。

我已经在XnView中打开了其中一张图片-图片旋转了90度。

尝试从这些图像中删除所有额外的信息（至少对一张图像进行处理）。使用图像压缩器，如下所示：punypng.com（或其他任何可以删除元数据详细信息的工具，也可以旋转并再次保存），然后将图像替换为“优化”版本。

在iPad上再次检查时，请确保浏览器具有当前图像版本，因此请清除缓存。

PS Thnx Su'

— 懒人
source

就是这样！影响网络浏览器真是一件奇怪的事。我最终使用IrfanView对其进行了修复（打开文件并在没有元数据的情况下将其保存），现在一切正常。谢谢！

— 加勒特

1

尝试使用JPEG和PNG剥离器http://www.steelbytes.com/?mid=30，然后删除所有与Image元数据有关的信息。它正常工作。

— 阿内塔加玛
source

1

如果在MS Windows中以正确的方向保存图像，这是一种手动替代EXIF旋转元数据的简单方法。在Windows资源管理器中，右键单击图像文件，然后选择“顺时针旋转”。这样做4次以完全旋转图像，然后图像对于所有系统都将具有正确的方向。然后，您可以将图像上传到Web服务器。

— 奔威
source

这对我不起作用。也许Windows资源管理器保留了Windows 10中的元数据，但是在以前的版本中没有维护它吗？

— M Katz '18年

0

我已经通过Apple的Bug Reporter将其作为Apple的 bug提交了。如果这对您很重要，并且您有示例数据，那么就此问题撰写一份以上的报告就不会有什么坏处。下面的屏幕截图应突出显示该问题，并且Apple员工看了一眼这篇文章时，问题ID为11299426。

旋转行为不一致

— 亚伦
source