主页上的站点标题徽标和视差图像在iPhone上不显示

时间:2017-10-07 作者:Obsidian

我使用Chrome和Android手机,只在朋友iPhone上查看了我的网站。在我的主页上,标题中没有徽标,主页上的视差图像也不会加载。

地点:https://www.obsidianurbexphotography.com/

其他图像加载到站点上。那里似乎有正确的@2x图像。网站也使用WebP图像,但据我所知,如果设备无法显示WebP,图像格式将默认为jpg/png。

如果您有任何建议,我将不胜感激,因为我不再需要查看iPhone:(

1 个回复
最合适的回答,由SO网友:Milan Petrovic 整理而成

不要使用WebP,它只在Chrome中工作。如果您在Firefox或Windows上的Edge中查看您的网站,这些图像也不会加载。当我在Firefox或Chrome中检查您网站的源时,图像源带有JPG扩展,但Firefox返回缺少的图像,如果我尝试在其他程序中打开它,它会说无法识别该格式。只有Chrome、Vivaldi和Opera可以看到这些图像,因为它们都在支持WebP的浏览器中使用Chrome。

这就是为什么iOS Safari(很可能是macOS上的普通Safari)看不到这些图像的原因。

此外,我还不知道有什么方法可以自动将WordPress或任何其他CMS的WebP替换为PNG/JPG。

结束

相关推荐

Responsive Images

是否有本机功能可以根据屏幕分辨率显示帖子缩略图或图库图像的正确响应图像大小?通常我使用:1、自定义图像大小:function customImageSetup () { add_theme_support( \'post-thumbnails\' ); add_image_size(\'grid_1 mini square\', 60, 60, TRUE); add_image_size(\'grid_2\', 160); add_image_size(\'