图片在Chrome中旋转

Question

我正在设计一个网站，每当我使用CSS或HTML图像时，它们总是翻转显示，经过一番谷歌搜索后，我发现这与EXIF数据和其他各种元标记有关，但我的问题是为什么会发生这种情况，是否可以避免（不同的文件格式等）？此外，我还发现，如果在加载图像后用javascript重新加载图像，由于某种原因，它将是正确的方向。

Answer 1

在某些情况下，Chrome会尝试根据EXIF元数据中的Orientation tag调整图片的方向。此问题中还有其他信息：https://bugs.chromium.org/p/chromium/issues/detail?id=56845

为避免这种情况，最好的解决方案是从图像的EXIF元数据中剥离Orientation标签。在任何情况下，您可能只想删除所有EXIF数据，因为它可能会泄漏个人信息。

您可以使用exiftool删除所有EXIF元数据：

exiftool -all= file.jpg

或者只是删除Orientation属性：

exiftool -Orientation= file.jpg

有许多在线工具也可以让您操作EXIF数据。