現在瀏覽器已全面支援WebP的影像格式，可直接使用img標籤將圖片載入

　　WebP是由Google所推出的，而這個影像格式，只能說黑科技，能讓有效的壓縮影像的檔案大小，甚至還能保有高品質的影像，早期當要把影像轉存成WebP時，只能透過指令的方式，將影像轉存成WebP，且在轉存完畢後，也無法使用一般的img標籤，載入webp的影像格式，主要就在於瀏覽器還不認得webp的這個影像格式，因此就得使用HTML5的picture的標籤，來將圖片給載入，但有使用過Cloudflare的朋友，當啟用圖片CDN的功能時，會發現到Cloudflare就會自動將照片轉編碼為webp，但實際上照片的副檔名還是jpg或png，而把照片另存時就會發現到副檔名為webp。

隨著瀏覽器不斷的更新後，現在無論是Chrome、Edge、Firefox、Safari…都以全面支援webp，這也意謂著，你可以將webp的圖片格式，直接透過img標籤將它給載入，或是也可透過Cloudflare，將轉存為wepb的副檔名修改成jpg，再把它載入到網頁中，這也是可以的，因此接下來梅干就示範給各位看囉！

---

Step1
由於目前幾個主流的瀏覽器，已全面支援webp，因此可以在網頁中，直接使用img標籤，載入webp的影像格式，同時可正常在瀏覽器中顯示出來。

---

Step2
若不放心的話，也可將已轉存的webp檔案，將副檔名修改為jpg，再透過img標籤載入，也可正常的顯示。

---

Step3
但若是使用修改副檔名的情況下，當把照片另存時，會發現到另外下的圖片檔案為.webp格式，因此想要有效的減少圖片的檔案大小，又想保有高畫質的影像，現在起不妨可開始使用webp啦！