iPhone/iPad/Android UIサイズ基準

iPhone UIサイズ

装置 解像度 PPI ステータスバーの高さ ナビバーの高さ タブバーの高さ

iphone 11 Pro Max

1242×2688 px 458PPI 132px 132px 147px

iphone XS Max

1242×2688 px 458PPI 132px 132px 147px

iphone XS

1125×2436 px 458PPI 132px 132px 147px

iphone 11 Pro

828×1792 px 326PPI 88px 88px 98px

iphone XR

828×1792 px 326PPI 88px 88px 98px

iphone 11

828×1792 px 326PPI 88px 88px 98px

iphone X

1125×2436 px 458PPI 132px 132px 147px

iphone 8 plus

1242×2208 px 401PPI 60px 132px 147px

iphone 8

750×1334 px 326PPI 40px 88px 98px

iphone 7 plus

1242×2208 px 401PPI 60px 132px 147px

iphone 7

750×1334 px 326PPI 40px 88px 98px

iPhone6プラスデザイン版

1242×2208 px 401PPI 60px 132px 146px

iPhone 6 Plusの大型版

1125×2001 px 401PPI 54px 132px 146px

iPhone6プラス实物版

1080×1920 px 401PPI 54px 132px 146px

iPhone6

750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C - 5S

640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S

640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代

320×480 px 163PPI 20px 44px 49px

iPhoneアイコンサイズ：

装置 App Store プログラムアプリ メインスクリーン スポットライト検索 タブバー ツールバー・ナビゲーションバー

iPhone7,8 (@2×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 Plus (@3×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone5 - 5C - 5S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone4 - 4S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone & iPod Touch第一代、第二代、第三代

1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px



iPadのデザインサイズ

装置 サイズ 解像度 ステータスバーの高さ ナビバーの高さ タブバーの高さ

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

2048×1536 px 264PPI 40px 88px 98px

iPad 1 - 2

1024×768 px 132PPI 20px 44px 49px

iPad Mini

1024×768 px 163PPI 20px 44px 49px


iPadアイコンサイズ：

装置 App Store プログラムアプリ メインスクリーン スポットライト検索 タブバー ツールバー・ナビゲーションバー

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px

iPad 1 - 2

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

iPad Mini

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px


Android SDKシミュレーターのサイズ

スクリーンサイズ 低密度（120）→ 低密度（120） 中低密度（160） 高密度（240）→ 高密度240（こうどりつ240） 超高密度（320）→超高密度（320）

小画面

QVGA（240×320） 480×640

通常のスクリーン

WQVGA400（240×400） WQVGA432（240×432） HVGA（320×480） WVGA800（480×800） WVGA854（480×854） 600×1024 640×960

大画面

WVGA800 *（480×800） WVGA854 *（480×854） WVGA800 *（480×800） WVGA854 *（480×854） 600x1024

超大型スクリーン

1024×600 1024×768 1280×768WXGA（1280×800） 1536×1152 1920×1152 1920×1200 2048×1536 2560×1600

アンドロイドアイコンのサイズ

スクリーンサイズ 起動アイコン 操作バーのアイコン 上下文アイコン システム通知アイコン（白色） 最細い筆跡

320×480 px

48×48 px 32×32 px 16×16 px 24×24 px 2ピクセル以上

480×800px 480×854px 540×960px

72×72 px 48×48 px 24×24 px 36×36 px 3ピクセル以上

720×1280 px

48×48 dp 32×32 dp 16×16 dp 24×24 dp 少なくとも2 dp

1080×1920 px

144×144 px 96×96 px 48×48 px 72×72 px 6ピクセル以上

Android（アンドロイド）OSにおけるdp/sp/pxの換算表

名称：名称（めいしょう） 解像度 比率 レート（320px） 比率 レート（640px用） 比率：レート（750px）

idpi

240×320 0.75 0.375 0.32

mdpi

320×480 1 0.5 0.4267

hdpi

480×800 1.5 0.75 0.64

xhdpi

720×1280 2.25 1.125 1.042

xxhdpi

1080×1920 3.375 1.6875 1.5

主流Androidスマホの解像度とサイズ

装置 解像度 サイズ 装置 解像度 サイズ

vivoZ6

6.57インチ 2400*1080 px

vivoiQOO 3

6.44インチ 2400*1080 px

vivo iQOO Neo 855 スペックアップ版

6.38インチ 2340*1080 px

vivovivo x30

6.4インチ 2400*1080 px

OPPOReno

6.4インチ 2340*1080 px

OPPOFind X2

6.7インチ 3168*1440 px

OPPO レノ3 モティベーションエディション

6.4インチ 3240*1080 px

Find X2 Pro

6.7インチ 3168*1440 px

サムスン ギャラクシー S10＋

6.4インチ 3040*1440 px

サムスン Galaxy ノート10

6.3インチ 2280*1080 px

サムスン ギャラクシー S10

6.1インチ 3040*1440 px

サムスン・ギャラクシー・A90

6.7インチ 1080*2400 px

魅族ノート9

6.2インチ 2244*1080 px

魅蓝16T：魅族16T

6.5インチ 2232*1080 px

魅族的X8は「Meizu X8」と読みます。

6.2インチ 2220*1080 px

魅藍16X

6.0インチ 2160*1080 px

华为マテ30

6.62インチ 2340×1080 px

華为P40プロ

6.58インチ 2640×1200 px

华为P30：華为P30

6.1インチ FHD+ 2340*1080

華为ノヴァ6

6.57インチ 2400x1080 px

小米10 Xiaomi 10

6.67インチ 2340×1080 px

xiaomi 10 pro → レッドミニ10プロ

6.67インチ 2340×1080 px

小米 レッドミー ノート8

6.3インチ 2340*1080 FHD+

小米 レッドミー ノート8 プロ

6.53インチ 2340*1080 FHD+

魅族MX2：魅姫MX2

4.4インチ 800×1280 px

魅族MX3：魅族MX3

5.1インチ 1080×1280 px

魅族MX4 Meizu MX4

5.36インチ 1152×1920 px 5.5インチ 1536×2560 px

サムスン GALAXY Note 4

5.7インチ 1440×2560 px

サムスン GALAXY Note 3

5.7インチ 1080×1920 px

サムスン GALAXY S5

5.1インチ 1080×1920 px

サムスン ガラクシー ノート2

5.5インチ 720×1280 px

ソニーXperia Z3

5.2インチ 1080×1920 px

ソニーXL39h

6.44インチ 1080×1920 px

HTC Desire 820

5.5インチ 720×1280 px

HTC One M8

4.7インチ 1080×1920 px

OPPO Find 7

5.5インチ 1440×2560 px

OPPO N1

5.9インチ 1080×1920 px

OPPO R3

5インチ 720×1280 px

OPPO N1 Mini

5インチ 720×1280 px

小米M4 xiaomi M4

5インチ 1080×1920 px

小米 红米 ノート

5.5インチ 720×1280 px

小米M3：小米M3

5インチ 1080×1920 px

小米 紅米1S

4.7インチ 720×1280 px
5インチ 1080×1920 px

小米M2S xiaomi M2S

4.3インチ 720×1280 px

華为荣耀6 - HUAWEI Honor 6

5インチ 1080×1920 px

ハンマーT1

4.95インチ 1080×1920 px

LG G3

5.5インチ 1440×2560 px

OnePlus One

5.5インチ 1080×1920 px

主要ブラウザのインターフェースパラメータとシェア

ブラウザ ステータスバー メニュー・バー スクロールバー 市場シェア(国内)

クロームブラウザ

22px（浮き出し） 60 px 15 px 8%

Firefoxブラウザ

20 px 132 px 15 px 1%

Internet Explorer

24 px 120 px 15 px 35%

360 ブラウザ

24 px 140 px 15 px 28%

ブラウザ・アドベンチャー

24 px 147 px 15 px 1%

ソウグー・ブラウザ

25 px 163 px 15 px 5%

システム解像度統計

解像度 市場占有率 解像度 市場占有率

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%

最近使用した：

収蔵 メニュー QQ