欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」利用阿里云OSS将WordPress文章中的图片自动转为webp

作者 : 自学哈 本文共853个字,预计阅读时间需要3分钟 2022-11-26 共117人阅读
也想出现在这里? 联系我们

WordPress用阿里云OSS插件(aliyun-oss-support)之后,可以将附件存储到OSS上面,如果需要将文章中的图片处理为webp格式呢?这样的好处就是根本不需要做图片压缩了。

可以用OSS图片处理来实现,在主题functions.php文件中或者使用Code Snippets插件添加自定义代码:

/**
 * 利用阿里云OSS将WordPress文章中的图片自动转为webp. 
 */
function webp_converse($matches) {
  $len_4 = substr($matches[2],(strlen($matches[2])-4));
  $len_5 = substr($matches[2],(strlen($matches[2])-5));
  if( $len_4 ===\".jpg\" || $len_4 ===\".png\" || $len_5 ===\".jpeg\" ){
    return $matches[1] . $matches[\'2\'] . \'?x-oss-process=image/auto-orient,1/quality,q_98/format,webp\';
  } else {
    return $matches[1] . $matches[\'2\'];
  }
}
  
function webp_converse_img($content){
  global $post;
  $content = preg_replace_callback(\"/(<img[^>]*src *= *[\\\"\']?)([^\\\"\']*)/i\", \'webp_converse\' , $content);
  return $content;
}
  
function is_support_webp(){
  return strstr($_SERVER[\'HTTP_ACCEPT\'],\'image/webp\');
}
  
if ( is_support_webp() ){
  add_filter(\'the_content\',\'webp_converse_img\');
}
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」利用阿里云OSS将WordPress文章中的图片自动转为webp
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号