WordPress 5.8 支持WebP格式提升网站性能

WebP是一种创新的图像格式,为网络环境中的图像提供了卓越的无损与有损压缩技术。相较于JPEG、PNG等传统格式,WebP图像文件体积平均能减少约30%,显著提升网站加载速度并降低带宽消耗。根据caniuse数据,所有主流现代浏览器均全面支持WebP图像格式。自WordPress 5.8版本起,用户可直接在平台中上传并使用WebP图像,前提是您的服务器环境支持该格式。切换至WebP格式不仅能优化网站性能,更能大幅改善访客的浏览体验。

### WebP如何助力网站优化

WebP图像文件显著小于JPEG等等效图像,这意味着访客能更快看到完整页面加载。更小的文件体积意味着更低的传输带宽需求,同时srcset功能依然保留所有响应式设计的优势。加之WebP获得所有主要浏览器的支持,使得大多数网站都能立即开始应用这一技术。

### 如何创建WebP图像

目前,众多图像编辑工具已支持WebP格式导出。此外,您还可以利用命令行转换工具或在线工具如Squoosh进行转换。将图像保存为WebP格式后,只需上传至WordPress并像处理其他图像一样使用即可。

### 使用WebP图像的注意事项

WebP图像与WordPress中的其他图像兼容性良好,但需注意以下几点:WebP支持有损与无损压缩,以及动画格式,同时兼容透明图像。在WordPress中,无损WebP格式的支持需服务器配备Imagick库,LibGD库将逐步添加此功能。调整大小的图像暂不支持动画和Alpha格式,上传时将转为有损图像。媒体库对WebP的支持依赖于服务器图像处理库(WordPress支持Imagick和LibGD)是否兼容WebP。若服务器不支持WebP,上传时会出现错误提示。若访客群体包含大量使用IE11等不支持WebP的浏览器用户,建议避免使用WebP或添加浏览器polyfill。

### 对未来的展望

WordPress 5.8 支持WebP格式提升网站性能

WordPress媒体组件团队正在探索自动将上传图像转换为WebP格式的功能,使其成为小尺寸图像的默认输出格式。您可通过TRAC工单跟踪此功能的开发进度。同时,团队正密切关注AVIF和JPEGXL等更先进的图像格式,它们将带来更高的压缩效率,进一步降低资源消耗。

### 常见问题解答

#### 如何调整WebP图像的压缩质量

开发者或插件可通过wp_editor_set_quality过滤器设定质量参数。例如,为WebP图像设置75质量:
“`php
function filter_webp_quality( $quality, $mime_type ) {
if ( ‘image/webp’ === $mime_type ) {
return 75;
}
return $quality;
}
add_filter( ‘wp_editor_set_quality’, ‘filter_webp_quality’, 10, 2 );
“`

#### 上传JPEG时启用WebP子尺寸会发生什么

默认情况下,WordPress会创建与上传文件类型相同的子尺寸图像。若想将JPEG自动转换为WebP,可参考相关插件(跟踪工单#53167)。子尺寸无需与原始尺寸完全匹配。

#### 多站点模式下如何使用WebP图像

多站点模式下,各站点独立设置允许上传的文件类型。目前此功能尚未完善(跟踪工单#53167)。为所有站点添加WebP支持,可通过网络mu插件中的site_option过滤器实现:
“`php
add_filter( ‘site_option_upload_filetypes’, function ( $filetypes ) {
$filetypes = explode( ‘ ‘, $filetypes );
if ( ! in_array( ‘webp’, $filetypes, true ) ) {
$filetypes[] = ‘webp’;
$filetypes = implode( ‘ ‘, $filetypes );
}
return $filetypes;
} );
“`

文章网址:https://www.wpbull.com/news/1941.html