【コードあり】webp・png・jpgの使い分け完全ガイド｜<picture>タグで実装する画像最適化