1. 网页Banner图优化
前端开发工程师背景
网站首页使用了一张高分辨率的AVIF格式Banner图,但在部分旧版浏览器中无法显示。
问题
需要将图片转换为WebP格式,同时保持视觉质量并控制文件大小。
如何使用
上传AVIF文件,设置质量为80,并选择“包含”调整大小方法以适配Banner容器。
quality: 80, resizeMethod: 'contain', targetSize: '1920:600'结果
生成了兼容性极佳的WebP图片,且文件体积减少了约30%,显著提升了首屏加载速度。