[note] 網頁圖片優化工具 Image
使用 WebP
一般圖片
<picture>
<source type="image/webp" srcset="images/flower1.webp" />
<source type="image/jpeg" srcset="images/flower1.jpg" />
<img src="images/flower1.jpg" />
</picture>
<picture>
<source type="image/webp" srcset="images/flower2.webp" />
<source type="image/jpeg" srcset="images/flower2.jpg" />
<img src="images/flower2.jpg" />
</picture>
<picture>
<source type="image/webp" srcset="images/flower3.webp" />
<source type="image/png" srcset="images/flower3.png" />
<img src="images/flower3.png" />
</picture>