将 Webp 上传到 Wordpress - PHP

在现代网站设计中，图像质量和页面加载速度是至关重要的。WebP图像是一种被Google提出的新型图片格式，它的压缩程度更高，能够使页面加载速度更快。因此，许多网站都开始将WebP图像作为替代品使用。但是，许多网站使用了WordPress进行网站构建，因此上传WebP图像时可能会出现问题。在本文中，我们将介绍如何在WordPress中上传WebP图像。

步骤1 - 修改WordPress的功能

首先，我们需要修改WordPress的功能。WordPress默认不支持WebP图像，因此我们需要通过以下代码将其添加到WordPress中：

// 添加WebP文件格式支持
function add_file_types_to_uploads($file_types) {
    $new_filetypes = array();
    $new_filetypes['webp'] = 'image/webp';
    $file_types = array_merge($file_types, $new_filetypes );
    return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

这段代码将WebP文件格式添加到WordPress中。将其添加到你的主题函数中，或者将其作为单独的插件。

步骤2 - 上传WebP图像

现在，WordPress已经支持WebP格式。您可以使用标准图像上传过程上传WebP图像。然而，仅仅上传WebP图像并不能确保它们在所有浏览器中良好显示。

步骤3 - 替换标准图像

要确保WebP图像在所有浏览器中都能够正常显示，您可以使用以下代码来替换标准图像。这段代码将在所有浏览器中检查WebP图像，并在支持WebP的浏览器中使用WebP图像，否则将使用标准图像。

<picture>
  <source srcset="image.webp" type="image/webp">
  <source srcset="image.png" type="image/png">
  <img src="image.png" alt="...">
</picture>

总结

现在，您已经学会如何将WebP图像上传到WordPress中。通过添加WebP支持功能并使用上述方法替换图像，您可以确保WebP图像在所有浏览器中都能够正常显示，从而提高页面加载速度。

参考资料：

• 如何为WordPress添加WebP图像支持
• Picture element