先日、以下の記事を書かせてもらったのですが React(Next.js)にあってVue(Nuxt.js)ないというのがあり、Vue(Nuxt.js)にこれあったらいいのになー、というのがあったわけです。 それは画像最適化モジュールです。 画像最適化モジュールとは? webサイトに使用される画像は、実質1枚に見えますが、通常ユーザーは同じwebサイトを、PCから、タブレットから、スマホから閲覧します。また、これら閲覧する環境により、解像度が高いものもあり、その場合、通常の2倍サイズの画像を表示してあげないとボヤける等の仕様があります。 なので、以下のようにいろんな指定の仕方で記述しなければなりません。(ちゃんとやろうとすると) <picture class="imgWrapper"> <source media="(min-width:1200px)" srcset=" /images/te