图片无法在Safari&苹果设备

时间:2017-03-29 11:48:12

标签: php css image ipad safari

我正在网站上工作,问题是某些网站的照片没有在某些苹果设备(iPad,iPad专业版等)和Safari浏览器上打开。可以看到示例here(在safari或apple设备中打开)。

即使我复制图片网址并尝试在新标签页中打开它,它也不会打开,只会显示:

Not showing image, showing ? instead

我尝试了几乎我在stackoverflow上找到的所有解决相关问题的解决方案,但没有运气!

知道为什么会这样吗?

修改

这不是重复的问题,因为在我的情况下,pics与大小无关,许多尺寸更大的照片正在正确显示。

1 个答案:

答案 0 :(得分:2)

下载并检查未显示的图像,例如......

$ file /Users/paolo/Desktop/14864236730ce9011e-original.jpg 
/Users/paolo/Desktop/14864236730ce9011e-original.jpg: RIFF (little-endian) data

...事实证明,它们不是jpeg,而是riff

请参阅https://en.wikipedia.org/wiki/Resource_Interchange_File_Format

riff格式是一个包装器,在这种情况下它会包装WEBP图像。

这就是Chrome能够打开文件并显示图片的原因。

您可以使用RIFF命令行工具识别file图像。

您可以用来转换它们的一个工具是xnconvert(免费和多平台)

我只是尝试了上面的图片并且工作正常。

您也可以使用它批量处理多个图像。

我不知道这些图像是如何以那种格式结束的。可能有一些服务器端脚本将上传的图像转换为WEBP / RIFF。但这只是猜测当然。