前端小程序cover-image和image的区别

我在做微信小程序项目遇到的坑，cover-image和image都是用来显示图片的，但是我们要慎用cover-image，但我们写的页面是有d出层的，你使用这种标签写的，图片不会显示出来，但换成image就可以，所以，我们要慎用州链cover-image。

在小程序中image标签跟view标签上下会有空隙，我们可以在image标签中设置vertical-align:top/bottom/text-top/text-bottom，原因：图片文唯迹猜字等inline元素默许是跟父级元素的baseline对齐，而baseline又和父级指型底边有必定间距

webp 是 image 组件的一个 boolean 属性，开启这个属性后，代表 url 可以设置 webp 这种格式的图片。image 默认不解析 webP 格式，只支持网络资源

有科技博客曾经报道，YouTube 上的视频缩略图采用 webp 格式册中后，网页加载速度提高 1/10。Google 的 Chrome 网上应用商店，应用这种格式后每天节省几 TB 带宽。

在线转化网址： 智图https://zhitu.isux.us/

转化后的老姿肢图片直接使用侍世 Google 浏览器就能打开。

小程序 image 组件常见问题

---