为什么我的图片会旋转？

Question

我的图像高度高，宽度高。看那里：

http://www.ledgreen.cz/test.html

我不明白为什么这张图片会旋转你能否有人向我解释一下？

由于

米甲

Answer 1

根据Wikipedia：

  

可交换图像文件格式（官方Exif，根据   JEIDA / JEITA / CIPA规范）是指定的标准   数码相机使用的图像，声音和辅助标签的格式   （包括智能手机），扫描仪和其他系统处理图像和   数码相机录制的声音文件。

用不同的词语：

几乎所有数码相机和智能手机都使用EXIF数据保存照片。相机设置，图像方向等信息由相机记录到图像文件中。

您正在使用的图片的EXIF数据（如您提供的同一链接所示：regex.info）的方向属性设置为90°（Orientation : Rotate 90 CW）。

某些导航器或图像编辑器软件（如GIMP，Photoshop，OS X Preview，OS X Finder）尊重EXIF方向标志，并直立显示图像。但其他人可能会忽略它。

我在Chromium问题页面中找到了此linked bug，根据 thakis@chromium.org ：

  

从webkit r132525开始，这是在完成时完成的   直接查看图像文件。这一变化错过了今天的金丝雀15点   修改，但它应该是明天的。

     

从元素中的html文件引用的图像不受影响，   故意为web compat - 这可以通过一个   如评论8中noel所建议的，通过css明确选择加入，但那是   目前尚未完成。

在我的例子中显示我看起来并不固定，而我确实注意到像Gmail这样的一些谷歌服务会使用带有附加图像的EXIF元数据来输出预期的方向。

我认为从最推荐的解决方案开始，可能的解决方案列表如下：

1. 在拍摄任何照片之前检查任何相机或设备的设置 在这些图片时禁用EXIF元数据内的旋转 由于与多个Web导航器不兼容而意味着在网页上使用。
2. 使用图像编辑器。重新定向图像或禁用重置 方向EXIF元旗。
3. 使用CSS或等效内容重新定位网页中的图片。 （see exemple）

注意：多个离线或在线应用程序（如Jeffrey's Exif Viewer或exifdata.com）可能有助于解析和读取EXIF元数据。