首页 > 常见问题 > safari浏览器不支持webp图片

苹果系列的浏览器不支持webp格式图片怎么办

使用Webp格式的图片提高网站的加载速度中讲到webp格式的图片对于提高网站加载速度,降低宽带使用很有帮助,哆麦CMS可以帮助把所有图片都转化为webp格式。目前大多数浏览器都支持webp图片,但是有一个重要的问题是,目前苹果系列下的原装浏览器safari目前不支持展示webp格式的图片,虽然safari的浏览量占比很低,但是使用这类设备的用户往往具有更好的转化率,这里提供一种让safari浏览器也支持webp浏览的方法。

一,在主题的functions.php中加入以下代码:

function webp2jpg(){
    $image = ABSPATH.str_replace('https://你的网站域名/', '', $_REQUEST['f']);
    if(!file_exists($image) || !function_exists('imagecreatefromwebp') || substr($image, -5) != '.webp'){
        status_header(500);
        die;
    }
    header("Content-Type:image/jpeg");
    header("Cache-Control: public,max-age=864000");
    $webp = imagecreatefromwebp($image);
    imagejpeg($webp);
    imagedestroy($webp);
}
add_action('ajax_web2jpg', 'web2jpg');

二,把以下JavaScript代码添加到页面中:

 (function(){
        function supportwebp() {
            var elem = document.createElement('canvas');
            if (!!(elem.getContext && elem.getContext('2d'))) {
                return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
            }
            return false;
        }
        if(supportwebp()) return;
            var images = document.querySelectorAll('img');
            for(var i in images){
                var originsrc = images[i].src;
                if(originsrc && originsrc.substr(-5) == '.webp' && ( originsrc.substr(0, 24) == 'https://你的网站域名/' || originsrc.substr(0,1) == '/')){
                    images[i].src = 'https://你的网站域名/dm-ajax.php?action=webp2jpg&f='+encodeURIComponent(originsrc);
                }
            }
    })();

如果网站使用的不是https协议,把上述段代码的https替换为http即可。

上一篇: 哆麦CMS如何扩展表单选项 下一篇: 调取不到图库图片的缩略图怎么回事
21人阅读过这篇文章,5人喜欢。

发表评论

评论列表