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



有什么想法吗？

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

评论

嗯..我没有任何Apple设备或浏览器可以检查..但也许他们正在读取EXIF信息（尤其是旋转信息）？尝试从这些图像中删除所有其他信息（至少一个，使用图像压缩器，例如punypng.com），然后将图像替换为“优化”版本，然后查看是否有帮助（确保浏览器具有当前图像版本，如此清晰的缓存）。
+1我从未见过的问题。还有两个数据点：IrfanView和Photoshop都还加载了与Mobile WebKit / Safari中一样旋转的顶部图像。桌面Safari没有。这确实支持它在图像元数据中的想法，尽管其中有很多东西，但我还没有发现使用Photoshop的浏览器在这里进行操作的是哪个特定属性（不过我对EXIF的处理不多）。不过，应该给您一个起点。 @LazyOne，如果您想重新发布为实际答案，我会投票赞成。我只是通过PunyPNG运行了第一张图像，这对我有用。
我做到了:) Thnx Su'
遇到相同的问题，删除元数据有效！
解决了问题：)如果您认为麻烦的是要删除程序来删除元数据，则可以在画图中打开图像（包括在Windows中），将其标记并复制，选择新图像，粘贴复制并保存。

#1 楼

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

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

请尝试从这些图像中删除所有多余的信息（至少对一张图像进行操作）。使用图像压缩器，如下所示：punypng.com（或其他任何可以删除元数据详细信息的工具，也可以旋转并再次保存），然后用“优化”版本替换图像。在iPad上再次检查，确保浏览器具有当前图像版本，因此清除缓存。

PS
Thnx Su'

评论

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

–加勒特
2011年7月13日在20:46

#2 楼

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

#3 楼

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

评论

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

– M Katz
18年5月7日在4:30


#4 楼

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