# WebP 瓦片介绍
WebP 是一种新的图片文件格式，由 Google 于 2010 年推出，目标是减小文件大小，但达到和 JPEG 格式相同的图片质量。传统基于 JPEG 或 PNG 图片格式的网页，其图片资源加载往往都占据了页面耗时的主要部分，在保证图片质量的前提下缩小图片体积，是 WebP 格式相较于其他图片格式的主要优势。
以下将介绍 WebP 图片格式的优劣势以及应用 WebP 图片所提升的用户体验。
# WebP 优势
下面以一张图片为例：
WebP 格式相较于 PNG 格式拥有：
- 它具有更优的图像数据压缩算法，在拥有肉眼无法识别差异的图像质量前提下，带来更小的图片体积；
- WebP 支持 Alpha 透明和 24 位颜色数，不存在 PNG8 色彩不够丰富和毛边问题。
- 比同等 PNG 格式缩小文件体积 80%-90%，以此提高了页面载入速度，降低了存储需求，帮助加速网站图形效果。
# WebP 劣势
WebP 格式图像的编码时间“比 JPEG 格式图像长 8 倍”。因此在相同条件下，采用 WEBP 格式生成栅格瓦片耗时相较其他格式长。
# WebP 性能比对
SuperMap 桌面支持生成 WebP 格式的栅格瓦片，常用于生成三维场景缓存在保证数据质量的同时，极大的缩小了数据的体积。同时也广泛应用于移动端及 Web 端，浏览器中应用的网页是使用 WebP 格式，可提升加载渲染速度，且不考虑兼容。能够节省用户流量，提升访问速度等。
为了解采用 WebP 格式作为栅格瓦片的结果的性能，对同一份地图数据分别生成瓦片类型为 JPG_PNG 和 WebP 两种格式，测试环境相同，存储类型为原始，切图范围、切图比例尺以及瓦片参数均相同。
得到如下的测试结论：
耗时对比:相同条件下，采用 WebP 格式生成栅格瓦片耗时比 JPG_PNG 格式长，是 JPG_PNG 的 117.86%。
文件大小对比：相同条件下，采用 WebP 格式生成栅格缓存的文件大小比 JPG_PNG 格式小，是 JPG_PNG 的 67.24%。
读取测试对比：相同条件下，同一张图片 WebP 格式和 JPG_PNG 格式，平均快 40%；读取一千次，WebP 用时 1.1s，JPG_PNG 用时 1.8s，WebP 比 JPG_PNG 读取快 39%；读取一万次，WebP 用时 10s，JPG_PNG 用时 19s，WebP 格式比 JPG_PNG 读取快 47%。
SuperMap 桌面支持直接打开 WebP 图片格式的瓦片，同时支持将生成的 WebP 瓦片发布为 iSever 服务，在 iSever 端查看。以下为世界地图瓦片发布为 iSever 服务后，在浏览器中分别以 PNG 和 WebP 两种表述形式查看，得到以下结果：某一比例尺下，瓦片数为 23 张，PNG 的图片大小为 751.91KB,，WebP 的图片大小为 137.3KB。WebP 比同等 PNG 格式缩小文件体积 80%，以此提高了页面载入速度，降低了存储需求，帮助加速网站图形效果。
WebP 虽然会增加额外的解码时间，但由于减少了文件体积，缩短了加载的时间，页面的渲染速度加快了。同时，随着图片数量的增多，WebP 页面加载的速度相对 PNG 页面增快了，所以，用户使用 WebP 瓦片浏览能直观体验到性能的提升。
注意：WebP 当前仅支持在谷歌浏览器上浏览。
