守护蓝天大比拼：游戏小程序轻量化技术
近期公司的守护蓝天大比拼小程序项目因为图片资源过大无法调试、发布，放入服务器又会导致页面加载非常慢，jpg 格式可能会导致图片过于模糊、丢失透明度，无法完整按照原型图要求开发。于是在做了些技术选型后决定使用webp图片格式来解决这个问题。文末附工具下载地址。
微信小程序使用webp 在微信小程序中使用webp图片只能识别在线资源，不能识别本地的webp图片。因此在使用时需要将资源上传至服务器，使用url对图片进行访问。这样做的优势是减少对服务器的资源占用、减少小程序的大小、更小的图片损失、更快的页面加载速度。
转换效果 项目大小对比 转换前大小 转换后大小 转换前后图片对比 转换前图片 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 转换后图片 大小：27.8KB 缩小为原10％大小，画质效果差异肉眼无感知。 转换工具 本次使用的转换工具是由谷歌官方提供的 libwebp转换工具。
使用经验 使用libwebp 想要libwebp建议在下载解压后配置环境变量。
如图找到你解压的libwebp文件夹找到bin文件夹。
按照图中顺序打开环境变量配置。
将文件路径写入到打开的页面中。
将命令框切换到存放资源的文件夹下，按照下方命令格式运行对应的指令
cwebp 转换的图片名.后缀 -q 清晰度 -o 转出的图片名.webp
如不想配置环境变量则用绝对路径进行使用。
D:\libwebp-1.3.2-windows-x64\bin\cwebp 转换的图片名.后缀 -q 清晰度 -o 转出的图片名.webp
相关链接 下载地址：https://developers.google.cn/speed/webp/docs/precompiled?hl=zh-cn 官方文档：https://developers.google.cn/speed/webp?hl=zh-cn