menu
menu

キーワード検索

 

前月(10月)の人気記事トップ10

  1. ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 2 - ) 【Mac】Macのユーザー名とアカウント名を変更する
  3. ( 3 - ) 【jQuery】jQueryでドロップダウンメニュー
  4. ( 4 - ) 【CSS】スマホ対応CSSだけでドロップダウンメニュー
  5. ( 8 ↑) 【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。
  6. (10 ↑) 【iPhone・iPad】iPhoneのメモリを簡単に解放する方法
  7. ( 5 ↓) 【PHP】PHPでシンプルなメールフォーム
  8. ( 6 ↓) 【CSS】レスポンシブデザインのブレークポイントは⁉
  9. ( - ↑) 【jQuery】入門2. jQueryをHTMLに組み込む
  10. ( - ↑) 【Mac】iMovieの保存場所を変更する
このエントリーをはてなブックマークに追加

【制作Tips】画面解像度一覧表

【制作Tips】画面解像度一覧表

Contents
  1. 画面解像度一覧表
  2. iPhone
  3. iPad
  4. XPERIA
  5. Fire
1. 画面解像度一覧表

現在市販されている一般的なPCモニターの解像度です。

アスペクト比「3:2」の解像度
解像度
1,920 x 1,280
2,160 x 1,440
2,736 x 1,824
アスペクト比「4:3」の解像度
解像度
1,024 x    768
1,152 x    870
1,600 x 1,200
2,048 x 1,536 iPad mini 4
                       iPad 9.7"

2,224 x 1,668 iPad Pro 10.5"
                       iPad Pro 11" new!

2,560 x 1,800
2,732 x 2,048 iPad Pro 12.9″ new!
アスペクト比「5:3」の解像度
解像度
   480 x 320
   960 x 640
1,024 x 600
1,280 x 768
アスペクト比「5:4」の解像度
解像度
1,280 x 1,024
アスペクト比「16:9」の解像度
解像度
   854 x    480
   960 x    540
1,136 x    640 iPhone 4″
1,280 x    720
1,334 x    750 iPhone 4.7″
1,366 x    768
1,600 x    900
1,920 x 1,080 FHD
                       iPhone 5.5"

2,560 x 1,440 2K
2,880 x 1,620 3K
3,200 x 1,800
3,840 x 2,160 4K
4,096 x 2,304 iMac Retina 4K
5,120 x 2,880 5K
アスペクト比「16:10」の解像度
解像度
   800 x    480
1,280 x    800
1,440 x    900 MacBook Air
1,600 x 1,024
1,680 x 1,050
1,920 x 1,200
2,304 x 1,440 MacBook 12″
2,560 x 1,600 MacBook Air Retinaディスプレイ new!
2,880 x 1,800
アスペクト比「18:9」の解像度
解像度
2,160 x 1,080
アスペクト比「19:9」の解像度
解像度
1,520 x    720
1,792 x    828 iPhone XR
2,240 x 1,080
2,244 x 1,080
2,246 x 1,080
2,280 x 1,080
2,436 x 1,125 iPhone X
2,436 x 1,125 iPhone XS
2,688 x 1,242 iPhone XS Max
2,960 x 1,440

 

2. iPhone
端末
画面サイズ
画面解像度
アスペクト比
iPhone 3
3.5″
480 x 320
5:3
iPhone 4
3.5″
デバイスピクセル 960 x 640
CSSピクセル 480 x 320
Retinaディスプレイ
5:3
iPhone 5
iPhone 5s
iPod touch
iPhone SE
4″
デバイスピクセル 1,136 x 640
CSSピクセル 568 x 320
Retinaディスプレイ
16:9
iPhone 6
iPhone 6s
iPhone 7
iPhone 8
4.7″
デバイスピクセル 1,334 x 750
CSSピクセル 667 x 375
Retinaディスプレイ
16:9
iPhone 6 Plus
iPhone 6s Plus
iPhone 7 Plus
iPhone 8 Plus
5.5″
デバイスピクセル 1,920 x 1,080
CSSピクセル 736 x 414
Retinaディスプレイ
16:9
iPhone X
iPhone XS
5.8″
デバイスピクセル 2,436 x 1,125
CSSピクセル 812 x 375
Super Retina ディスプレイ
19:9
iPhone XR
6.1″
デバイスピクセル 1,792 x 828
CSSピクセル 896 x 414
Liquid Retina HD ディスプレイ
19:9
iPhone XS Max
6.5″
デバイスピクセル 2,688 x 1,242
CSSピクセル 896 x 414
Super Retina ディスプレイ
19:9
3. iPad
端末
画面サイズ
画面解像度
アスペクト比
iPad
iPad2
9.7″
1,024 x 768
4:3
iPad mini
7.9″
1,024 x 768
4:3
iPad3
iPad4
iPad Air
iPad Air2
iPad(2017)
iPad(2018)
iPad Pro(9.7)
9.7″
デバイスピクセル 2,048 x 1,536
CSSピクセル 1,024 x 768
Retinaディスプレイ
4:3
iPad mini2
iPad mini3
iPad mini4
7.9″
デバイスピクセル 2,048 x 1,536
CSSピクセル 1,024 x 768
Retinaディスプレイ
4:3
iPad Pro(10.5)
10.5″
デバイスピクセル 2,224 x 1,668
CSSピクセル 1,112 x 834
Retinaディスプレイ
4:3
iPad Pro(11) new!
11″
デバイスピクセル 2,388 x 1,668
CSSピクセル 1,169 x 834
Liquid Retinaディスプレイ
4:3
iPad Pro(12.9) new!
12.9″
デバイスピクセル 2,732 x 2,048
CSSピクセル 1,366 x 1,024
Liquid Retinaディスプレイ
4:3
4. XPERIA
端末
画面サイズ
画面解像度
アスペクト比
XPERIA XZ2
5.7″
2,160 x 1,080
18:9
XPERIA XZ2 Premium
5.8″
3,840 x 2,160
16:9
XPERIA XZ2 Compact
5.0″
2,160 x 1,080
18:9
XPERIA XZ1
5.2″
1,920 x 1,080
16:9
XPERIA XZ1 Compact
4.6″
1,280 x 720
16:9
XPERIA XZs
5.2″
1,920 x 1,080
16:9
XPERIA XZ
5.2″
1,920 x 1,080
16:9
XPERIA XZ Premium
5.5″
3,840 x 2,160
16:9
XPERIA X Compact
4.6″
1,280 x 720
16:9
5. Fire
端末
画面サイズ
画面解像度
アスペクト比
Fire 7
7″
1,024 x 600
5:3
Fire HD 8
8″
1,280 x 800
16:10
Fire HD 10
10.1″
1,920 x 1,200
16:10
  • Screen Resolution 画面解像度
このエントリーをはてなブックマークに追加