スマホサイトで画像サイズはいくつにすべきか？ | Webサイト開発

私の結論を先に言ってしまうと、 480px基準の画像で作成し、通信量を抑えつつも画像の綺麗さも担保する が一番ベストな方法だと思います。 では、次から今回の結論に至った、実際の調査内容について触れていきたいと思います。 関連記事： 画像をピッタリ横並び表示させるテクニック 入力フォームを数字キーボードに設定するには？ iPhone向けSafari、HTML拡張属性を使いこなす CSS3 擬似クラス 検証の前提 今回の実機検証について、以下を前提とします。 viewportの設定は <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”> とします。 320px、480px、640pxという解像度の異なる画像を作成し、480px、640