マツカワ Webサイト制作/コンテンツ企画/Web広告/SEO/マーケティングを経験してきた雑食系Webクリエイター・プロデューサー プロフィール / Twitter / Facebook レスポンシブサイトでブラウザ環境に応じて画像を切り替えるには、サイトによって様々な方法で対処されていました。 これまでの方法が抱えていたデメリットと現在(これから)の標準となる実装方法、レガシーなブラウザへの対応方法など、レスポンシブな画像切り替えに必要な知識をまとめました。 これまでのレスポンシブイメージの問題点 レスポンシブサイトの画像切り替えは、CSSで表示・非表示を切り替えたり、JavaScriptでブラウザ環境を判別して画像を出し分けると言った手法が一般的でした。 たしかに、これらの方法でも意図したように画像を表示することはできるのですが、理想的な解決策ではありません。 具体的には次のような問
![これが新常識! レスポンシブな画像切り替え方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e96683592e3121b5ae7c5f40cd92b434c65e3507/height=288;version=1;width=512/https%3A%2F%2Fjunzou-marketing.com%2Fwp%2Fwp-content%2Fuploads%2F2018%2F06%2Fresponsive-image-eyecatch.jpg)