質問: スマホ専用サイトを作成しています。 超初歩的な質問で恐縮ですが、困っています!! 普段は、Retina対応するために 幅640pxの解像度72ppiでデザインデータを作成していたのですが、 他人のデータを覗いた時に、640pxの解像度144ppiでした。 恥ずかしながら、わたしはコーディングまでしていないため 根本的な理解をしてなく「倍の大きさでつくって、画面では2/1スケールで表示してる」 くらいの知識しかありません。 **質問1:** すでに、倍の640pxサイズで画像を作成しているのにも関わらず 解像度まで倍の144ppiで作成している意図はなんでしょうか? **質問2:** ピクセル数と解像度の関係がいまいち理解できていません。 640pxの解像度72ppiでデータを作成する場合と、 320pxの解像度144ppiでデータ作成する場合の何が違うか説明できません。 どのように理解すればいいでしょうか? また、皆様はスマホサイト作成時の解像度はどう作っているでしょうか?
回答: 640pxが倍だと解釈してるのが問題です。 スマートフォンはiPhone7+など、大画面でRetinaの物もあります。 それら全てに対応しようと思ったら、「上記想定機種サイズの倍ピクセル」で作成する或いは ppiを倍にして高解像度化します。 320pxの144ppiですと640px以上の幅解像度を持つ端末でにじみます。