预览页面图像方向答案

【问题标题】：Preview page Image orientation预览页面图像方向
【发布时间】：2023-03-30 23:26:01
【问题描述】：

我在其他人之前创建的网站上进行了一些更新图像的工作。我确定了它的布局方式足以完成需要完成的工作。但是，我添加的两个图像在预览页面上以横向显示，但是当单击该图像时，它以纵向正确显示。 www.artbyheenan.com/art.php 这是前两张图片，如果有人可以看一下并给我一些意见，我将不胜感激。最初我认为它可能是图像大小，因为它相当大，我将其调整为 200kb，但仍然相同。

【问题讨论】：

在 IE 和 Edge 中也是如此。我怀疑它可能是css中的东西。我尝试从下面的链接中删除 EXIF 数据，但结果仍然相同。
它在 IE 和 Edge 中也是如此。我尝试从下面的链接中删除 EXIF 数据，但结果仍然相同。还尝试删除 css 中看起来与 img 位置/位置有关但也没有改变的任何编码。
我也在文件目录art.html中找到并一直在玩它，它在删除EXIF数据后也以错误的方向显示图像。我正在 Chrome、IE 和 Edge 中进行测试。 artbyheenan.com/art.html
请阅读stackoverflow.com/help/how-to-ask和stackoverflow.com/help/mcve

标签： php html css image orientation

【解决方案1】：

这与图像元/exif 数据和浏览器中的一个已知问题有关。 - https://github.com/GoogleChromeLabs/squoosh/issues/299 - Chrome Image EXIF Orienation Issue

目前最好的解决方案是在 Photoshop 或类似的工具中重新保存图像。

【讨论】：

谢谢，成功了。使用 Gimp 我打开然后导出并 wala！

【解决方案2】：

问题是您的图像具有旋转设置为 90º CCW 的 EXIF 数据。

如果您删除 EXIF 数据，它们将正常显示。

您可以在此处进行操作：Remove EXIF data online

【讨论】：

尝试了几次，查看并删除，但没有改变方向。谢谢你