picture要素を使用して異なる拡張子の画像を出し分ける方法 2024/04/04 [ ID : 8683 ] html, css 会員無料 ログインする 新規会員登録 実装目安 3分 概要 picture要素を使用して、圧縮率が高いWebP画像やAVIF画像などをブラウザの対応状況に応じて優先的に出し分ける方法を紹介。 検証ブラウザ Google Chrome(最新) Safari(最新) Firefox(最新) Microsoft Edge(最新) 実装 このコンテンツの続きを閲覧するにはログインが必要です。 ログインする 新規会員登録 ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)