70%のブラウザで利用できる、1/3くらい削減できる、imagemin-webpでWebPに変換できる（Photoshopのプラグインもある）、imgタグの場合はpictureタグを使う、背景画像の場合はModernizrなどで判定する

performance

manabuyasuda のブックマーク 2018/12/11 11:32

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/299480024/comment/manabuyasuda" data-user-id="manabuyasuda" data-entry-url="https://b.hatena.ne.jp/entry/s/css-tricks.com/using-webp-images/" data-original-href="https://css-tricks.com/using-webp-images/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fusing-webp-images%2F" data-user-icon="/users/manabuyasuda/profile.png">Using WebP Images | CSS-Tricks</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/performance">performance</a>]</li></ul><br><p style="clear: left">70%のブラウザで利用できる、1/3くらい削減できる、imagemin-webpでWebPに変換できる（Photoshopのプラグインもある）、imgタグの場合はpictureタグを使う、背景画像の場合はModernizrなどで判定する</p><a class="datetime" href="https://b.hatena.ne.jp/manabuyasuda/20181211#bookmark-299480024"><span class="datetime-body">2018/12/11 11:32</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Using WebP Images | CSS-Tricks

css-tricks.com2016/08/28

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! We’ve all been there before: You’re browsing a website that has a ton of huge images of d...

7 人がブックマーク・3 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Using WebP Images | CSS-Tricks

はてなブックマーク

公式Twitter

はてなのサービス