1. 网页Banner图适配
前端开发工程师背景
网站首页需要一张1920x600像素的Banner图,但原始WebP素材尺寸过大且比例不符。
问题
需要将图片裁剪并缩放至指定尺寸,同时保持WebP格式以优化加载速度。
如何使用
上传图片,设置宽度为1920,高度为600,选择“覆盖(cover)”模式并设置位置为“center”。
width: 1920, height: 600, fit: 'cover', position: 'center'结果
获得了一张完美适配Banner区域的1920x600 WebP图片,且文件体积保持在最优水平。