WebP画像は変換して終わりにせず写真と透過画像を分けて配信条件を確認する
- WebPは写真と透過画像を圧縮して配信できる画像formatです。変換後の見た目、必要な透過、表示できない環境の代替画像を分け、画像を軽くする目的と公開後の確認方法を解説します。
タグ: picture要素
HTML5のpicture要素は表示条件ごとにsourceを選びimg要素を残す
- HTML5のpicture要素では、sourceのmediaとsrcsetで画像候補を示し、最後にimg要素を置きます。構図の切り替え、記述順、alt、表示確認を解説します。
