HTMLだけで、PC画像とSP画像を切り替える方法（webp画像の設定とRetinaディスプレイ対応の設定）
今回は、前回のレスポンシブ対応｜HTMLだけで、PC画像とSP画像を切り替える方法の続きで、pictureタグを使用してwebp画像の設定と、Retinaディスプレイ対応の設定をしていきたいと思います。
webp画像の設定
圧縮率の高い画像webp（ウェッピー）は、他の形式の画像より軽量なため、画像が複数あるサイトなどでは読み込みが早くなるメリットがあります。ただ、ブラウザによっては対応してい
