気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
zenn.dev/monicleエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
解像度とフォーマット対応状況の両方に配慮してWebP画像やAVIF画像を扱う
こんにちは、Webサイト作ってますか？ Webサイトを作っていると、Lighthouseスコアを上げるために画像の...表示
こんにちは、Webサイト作ってますか？ Webサイトを作っていると、Lighthouseスコアを上げるために画像のサイズやフォーマットにも気を配りたくなりますよね。 筆者は画像のフォーマットにはあまり頓着してこなかったので、﹁フラットな画像ならPNG﹂﹁込み入ったイラストはJPEG﹂﹁なんかWebPとかいうのもあるらしいけどよくわからん﹂くらいの解像度で適当に使っていました。しかし、最近の開発でLighthouseスコアのチューニングをしてみたところ、色々新しい知見が溜まったので、自分用の備忘録として残しておこうと思います。3行まとめ ちゃんと複数の解像度の画像を用意しようね WebPやAVIFといった次世代フォーマットも使ってみようね <picture> と <source> は便利 画像のサイズを複数用意する 表示するディスプレイの解像度に合わせて、表示する画像の大きさを調整すること
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
zenn.dev/monicle
zenn.dev/monicle
zenn.dev/monicle
zenn.dev/monicle
www.nikkansports.com
pwe.jp
note.com/fujikura_kazuma
anond.hatelabo.jp
xtech.nikkei.com
xtech.nikkei.com
wirelesswire.jp
ainow.ai
blog.lacolaco.net
pc.watch.impress.co.jp
www.itmedia.co.jp
forest.watch.impress.co.jp
www.at-s.com
carp-matome.blog.jp
b.hatena.ne.jp
news.yahoo.co.jp
