为什么我的网页图片在我的HTML中横向显示但在全屏时是正确的?

时间:2013-11-29 16:57:08

标签: html iphone image

如果您查看此页面,您会看到正确的两张图片是横向的:

http://www.disneypinplace.com/beta/pin.php?id=PD78685

但是当你点击它们时,它们会在全屏视图中垂直显示。我在HTML img代码中看不到任何可能导致此问题的错误。

谁能告诉我为什么会这样?这些照片顺便用iPhone 5拍摄。

3 个答案:

答案 0 :(得分:3)

这是iPhone导出图像的一个特殊问题。对于类似情况,请参见此link

计算机/浏览器和iPhone软件以不同方式解释相机元数据(有关图像的详细信息,包括纵向/横向),从而导致渲染差异。

我能够在Pixelmator / Photoshop中下载最右边的图像并再次将其保存为jpg,确保它是肖像。这使得浏览器正确渲染图像并且没有将其旋转90度。

答案 1 :(得分:0)

这些照片是横向拍摄的吗?您是否尝试过从Photoshop编辑和“导出为网络”?

问题可能在EXIF图像上(因为您只能正确看到图像,因为浏览器会读取EXIF信息并在屏幕上旋转它)。导出它很可能会从图像文件中删除该信息,并且可能使其正确。

答案 2 :(得分:0)

我花了一个小时的时间,我永远不会回来。 :)

问题

我在三星GALAXY Tab PRO 8.4上拍了照片。它在Android模拟器和FireFox 42.0中呈现了SIDEWAYS。

修复

我在IrfanView中编辑了图片。

我去了Properties_Settings - > JPG_PCD_GIF - > 取消勾选“根据EXIF信息自动旋转图像(如果有)”

它现在在FireFox中呈现正常。我还没有检查过模拟器。