6,435views/投稿 2017-03-01/更新 2019-04-30 imgのsrcsetをシンプルにレスポンシブ対応(要は全デバイス)でも大丈夫なルールを我流で定められないか?という思いでまとめました。 PCもRetinaディスプレイになってきたし、srcsetが標準になるだろうし、WordPressとか画像自動化じゃない手打ちのレスポンシブHTMLで統合的に扱える簡単な単一方法はないか?と思ったからです。 サンプルページを用意しました。 画像の用意は2枚まで とにかくシンプルにしたい(sizesとかvwとか嫌だ) レスポンシブでスマホもPCも全部対応したい タブレットはいろんなサイズあるがiPad基準に タブレットはPC側としよう(スマホ/PC&タブレット) スマホの横持ちは無視!というより軽さ重視 結論はこれです <img src="スマホ画像.jpg" srcset="スマ
![img srcsetの最適解!サイズ違い画像いくつも用意してられない](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2b9babdf8a9f95ed45cd58cb8b656f3bf1322dd/height=288;version=1;width=512/https%3A%2F%2Fwebskillup.com%2Fwp-content%2Fuploads%2Fimgsrcset.png)