iPhone、iPad、Macの画面解像度比較表(2015年)

Design 投稿日:2015.1.20  更新日:

apple

WebサイトはもはやデスクトップPCで見るためだけのものではなくなりました。 休憩時間や通勤中、夜寝る前など、様々な場面で、様々なデバイスからアクセスされるようになり、より多様性が求められてきています。

巨大化を進めるiPhoneに、サイズがバラバラなAndroid端末、タブレットの様なスマートフォンがあれば、ノートPCになるタブレットもあります。しかし、レスポンシブサイトを作成する際に参考とする画面サイズは、やはりアップルの製品を基準にしている人が多いのではないでしょうか。

この記事では2015年1月現在でのアップル製品のピクセル、インチ、解像度をまとめました。お役に立てれば幸いです。

 

製品名 ピクセル インチ 解像度
iPhone 3G/3GS 320×480 px 3.5 inch 163 ppi
iPhone 4/4S 640×960 px 3.5 inch 326 ppi
iPhone 5/5s/5c 1,136 x 640 px 4 inch 326 ppi
iPhone 6 1,334 x 750 px 4.7 inch 326 ppi
iPhone 6 Plus 1,920×1,080 px 5.5 inch 401 ppi
iPad 初代/2 1,024×768 px 9.7 inch 132 ppi
iPad 3/4 2,048×1,536 px 9.7 inch 264 ppi
iPad Air 2,048×1,536 px 9.7 inch 264 ppi
iPad Air 2 2,048×1,536 px 9.7 inch 264 ppi
iPad mini 1,024×768 px 7.9 inch 163 ppi
iPad mini 2 2,048×1,536 px 7.9 inch 326 ppi
iPad mini 3 2,048×1,536 px 7.9 inch 326 ppi
MacBook pro 13インチ 1,280 x 800 px 13.3 inch 102 ppi
MacBook pro 13インチ Retina 2,560 x 1,600 px 13.3 inch 227 ppi
MacBook pro 15インチ Retina 2,880 x 1,800 px 15.4 inch 220 ppi
iMac 21.5インチ 1,920×1,080 px 21.5 inch 102 ppi
iMac 27インチ 2,560×1,440 px 27 inch 109 ppi
iMac 27インチ Retina 5K 5,120 x 2,880 px 27 inch 218 ppi

 

また、今回wordpressで表を挿入する際、この記事を参考に挿入しました。とても分かりやすかったのでメモメモ。

 

 

google広告

google広告

この記事を書いた人:

おすすめ記事

bakuのロゴを変更しました。

2017年のbakuのブログサイトリニューアルに伴い、ロゴマークを変更しました。変更といっても、とても小さな変化ですが、bakuというサイト名に込めた想いととも …

背景画像・背景パターン

背景画像や背景パターンをダウンロードできるサイトを見つけ次第追加していきます。 PHOTOSHOP PLUGIN  http://subtlepatterns. …