图片无法在 Safari 和苹果设备上打开

Question

我正在开发一个网站，问题是网站的某些照片无法在某些 Apple 设备（iPad、iPad pro 等）和 safari 浏览器上打开。例子可见here（在safari或apple设备中打开）。

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

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

知道为什么会这样吗？

编辑：

这不是重复的问题，因为在我的情况下，图片与尺寸无关，许多尺寸大得多的图片都可以正常显示。

Answer 1

正在下载并检查未显示的图像，例如...

$ 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 能够打开文件并显示图像的原因。

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

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

我刚刚用上面的图片试了一下，效果很好。

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

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