サイトを制作する際、画像の最適化は複雑でベストプラクティスがわからなかったり、疎かにしている人は多いのではないでしょうか? レスポンシブイメージ decoding="async" loading='lazy' レイアウトシフト WebPやAVIF等の次世代画像フォーマット 画像周りでは知っておかないといけないことが多くあります。 この記事では、その中でも特にややこしい、srcset/sizes属性やpictureタグを使ったレスポンシブイメージを解説します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。