2021年9月27日月曜日

Bloggerにアップした画像をWebPで表示させる

Blogger

いつから出来るようになったのかは不明ですが
How to Serve Images in WebP Format in Blogger - TechAndBio (February 24, 2020)
https://www.techandbio.com/how-to-serve-images-in-webp-format-in-blogger/

上の画像の場合は

<img alt="" border="0" data-original-height="66" data-original-width="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0drcev8KVRy9IeQAzWRiFpq_Xbyxiuta0NrxjD71nZEOmDYStQvrdb8bbJ5u_CAO7gnprU4o0WGHjuZsybgKw8ud8SdQL4gx4_vasMf8mz0DzjbcWVVJ_Zk09tww_bGUamgzstWW_YBH/-rw/webplogo.png"/>

-rw を付けてやるだけですね

結果

Google PlayなんかだとアプリアイコンはWebPで表示されるので、以前から画像URLから -rw を削除してpng形式保存していたんですが

WebPって何?

WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.

WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.

Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.

An image format for the Web  |  WebP  |  Google Developers

WebP, a new image format for the Web - The official Google Code blog
https://googlecode.blogspot.com/2010/09/webp-new-image-format-for-web.html
(9/30/2010 01:17:00 PM)

2010年から普及までやっぱり時間が掛かってますね
Androidなんかは大分前から画像リソースのファイルはWebPですが

GIMPでもサポートされたのは近年なので開発版を入れたりしました
(今はあまり意味ない)

WebP使った方が良いの?

これは人によると思います
これからBloggerでブログを始めるなら全ての画像をWebPにしても良いと思います。
現行のブラウザの殆どがサポートしているので
ただ、私のブログだとアクセスを真面目に見ているわけではないのですが、PSPとかのアクセスがあります
PSP持ってるけど多分PSPのブラウザってWebPサポートしてないよねと
まぁ古いブラウザはセキュリティ的に使うの止めた方が良いのですが

その他の関連情報:
Blogger Images Compression using WebP - Stack Overflow
https://stackoverflow.com/questions/64166580/blogger-images-compression-using-webp

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."