2021年7月8日 星期四

網頁圖片新技術:webp

 偶而在網路上面看到美女與帥哥,都會想要下載成桌布,今天看到木村拓哉的女兒-木村光希,那個笑容真甜美,所以想要下載,但...竟然是webp格式,當下改檔名,無效@@

兩個方法可以將webp轉成jpg/png檔,一個是有網站幫忙轉檔案,另一個是安裝chrome套件(save image as type 這個比較簡單,就像平常一樣右鍵下載即可) 

但在想這個會不會是想要禁止他人下載照片的OOXX,那我也可以將圖片轉成webp嗎???
但一般網頁工程師可能沒有那麼多時間將圖片一張一張轉,可以直接下html語法如下
這個網站說明得很詳細喔
https://blog.sharktech.tw/2020/04/18/webp-image-optimization

這個HTML寫法下,支援 WebP 的瀏覽器會使用 ooo.webp,而不支援 WebP 或不支援 <picture> 的瀏覽器會採用 <img>,顯示 fallback.jpg。

<picture>
    <source srcset="ooo.webp" type="image/webp">
    <img src="fallback.jpg" alt="鯊客科技SEO優化公司">
</picture>

 


沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。