时间戳

首页 > 解决方案 > WebP 图像类型未在 ios 设备 chrome 浏览器上显示

html - WebP 图像类型未在 ios 设备 chrome 浏览器上显示

问题描述

我正在尝试在我的网页上显示 webp 图像。我尝试了很多解决方案，但每个解决方案都只在 ios 设备上存在问题。webp 没有显示，并且在某些情况下，如果您尝试在 ios 上的 Chrome 中下载此类图像，它会将图像显示为 txt 文件。

目前的解决方案是：

<picture class="image mb-5 mb-md-3">
    <source srcset="mywebpimage.webp" type="image/webp">
    <source srcset="myjpgimage.jpg" type="image/jpeg">
    <img src="myjpgimage.jpg" alt="alt">
</picture>

我还尝试了一个 php 解决方案 - 通过 http_accept 检查浏览器中的 webp 支持。

    $webp_support = false;
if (isset($_SERVER["HTTP_ACCEPT"])) {
    if (strpos($_SERVER["HTTP_ACCEPT"], "image/webp") > 0) {
        $webp_support = true;
    }
}

除了 ios，这也可以正常工作。

那么ios chrome浏览器是被诅咒了还是不支持webp？如果我$_SERVER["HTTP_ACCEPT"]在 ios 上回显，它会显示 TRUE。但如果我$webp_support在 ios chrome 浏览器上回显，它会显示为 FALSE。

所以好像不支持webp，还是有什么特殊的方式在ios上显示webp？

标签： htmlimagewebp

解决方案

“iOS Chrome”是...

... 只是带有 Chrome 皮肤的iOS Safari Mobile 。

Safari 和 iOS Safari Mobile 都不支持 WebP（目前）。

见： https ://caniuse.com/#search=webp

推荐阅读