모바일 디바이스 해상도(iPhone, Galaxy)

아이폰

Name	Viewport Size(PX) 논리적 해상도	Device Resolution(PX) 물리적 해상도	Screen Size	Pixel Ratio	Density PPI	CSS PPI
Apple iPhone 11	414 x 896	828 x 1792	6.1″	2.0	326	163
Apple iPhone 11 Pro	375 x 812	1125 x 2436	5.8″	3.0	458	153
Apple iPhone 11 Pro Max	414 x 896	1242 x 2688	6.5″	3.0	458	153
Apple iPhone 12	390 x 844	1170 x 2532	6.1″	3.0	460	153
Apple iPhone 12 mini	360 x 780	1080 x 2340	5.4″	3.0	476	159
Apple iPhone 12 Pro	390 x 844	1170 x 2532	6.1″	3.0	460	153
Apple iPhone 12 Pro Max	428 x 926	1284 x 2778	6.7″	3.0	458	153
Apple iPhone 13	390 x 844	1170 x 2532	6.1″	3.0	460	153
Apple iPhone 13 mini	360 x 780	1080 x 2340	5.4″	3.0	476	159
Apple iPhone 13 Pro	390 x 844	1170 x 2532	6.1″	3.0	460	153
Apple iPhone 13 Pro Max	428 x 926	1284 x 2778	6.7″	3.0	458	153
Apple iPhone 14	390 x 844	1170 x 2532	6.1″	3.0	460	153
Apple iPhone 14 Plus	428 x 926	1284 x 2778	6.7″	3.0	458	153
Apple iPhone 14 Pro	393 x 852	1179 x 2556	6.1″	3.0	460	153
Apple iPhone 14 Pro Max	430 x 932	1290 x 2796	6.7″	3.0	460	153
Apple iPhone 15	393 x 852	1179 x 2556	6.1″	3.0	461	153
Apple iPhone 15 Plus	430 x 932	1290 x 2796	6.7″	3.0	460	153
Apple iPhone 15 Pro	393 x 852	1179 x 2556	6.1″	3.0	461	153
Apple iPhone 15 Pro Max	430 x 932	1290 x 2796	6.7″	3.0	460	153
Apple iPhone 5	320 x 568	640 x 1136	4.0″	2.0	326	163
Apple iPhone 5c	320 x 568	640 x 1136	4.0″	2.0	326	163
Apple iPhone 5s	320 x 568	640 x 1136	4.0″	2.0	326	163
Apple iPhone 6	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone 6s	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone 6s Plus	414 x 736	1080 x 1920	5.5″	3.0	401	134
Apple iPhone 7	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone 7 Plus	414 x 736	1080 x 1920	5.5″	3.0	401	134
Apple iPhone 8	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone 8 Plus	414 x 736	1080 x 1920	5.5″	3.0	401	134
Apple iPhone SE	320 x 568	640 x 1136	4.0″	2.0	326	163
Apple iPhone SE (2020)	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone SE (2022)	375 x 667	750 x 1334	4.7″	2.0	326	163
Apple iPhone X	375 x 812	1125 x 2436	5.8″	3.0	458	153
Apple iPhone XR	414 x 896	828 x 1792	6.1″	2.0	326	163
Apple iPhone XS Max	414 x 896	1242 x 2688	6.5″	3.0	458	153

 

갤럭시

Name	Viewport  Size(PX)	Device  Resolution(PX)	Screen Size	Pixel Ratio	Density PPI	CSS PPI
Samsung A30	412 x 892	1080 x 2340	6.4″	2.625	403	154
Samsung A31	412 x 915	1080 x 2400	6.4″	2.625	411	157
Samsung A32	412 x 915	1080 x 2400	6.4″	2.625	411	157
Samsung A50	412 x 892	1080 x 2340	6.4″	2.625	403	154
Samsung A50s	412 x 892	1080 x 2340	6.4″	2.625	403	154
Samsung A51	412 x 915	1080 x 2400	6.5″	2.625	405	154
Samsung A6s	360 x 720	1080 x 2160	6.0″	3.0	402	134
Samsung A70s	412 x 914	1080 x 2400	6.7″	2.625	393	150
Samsung A71	412 x 914	1080 x 2400	6.7″	2.625	393	150
Samsung J7 Prime2	412 x 732	1080 x 1920	5.5″	2.625	401	153
Samsung Note 3	360 x 640	1080 x 1920	5.7″	3.0	386	129
Samsung Note 4	360 x 640	1440 x 2560	5.7″	4.0	518	129
Samsung Note 8	360 x 740	1440 x 2960	6.3″	4.0	521	130
Samsung Note 9	360 x 740	1440 x 2960	6.4″	4.0	516	129
Samsung Note10	412 x 869	1080 x 2280	6.3″	2.625	401	153
Samsung Note10+	412 x 869	1440 x 3040	6.8″	3.5	498	142
Samsung Note20	412 x 915	1080 x 2400	6.7″	2.625	393	150
Samsung Note20 Ultra	412 x 883	1440 x 3088	6.9″	3.5	496	142
Samsung S10	360 x 760	1440 x 3040	6.1″	4.0	550	138
Samsung S10 Lite	412 x 914	1080 x 2400	6.7″	2.625	394	150
Samsung S10+	412 x 869	1440 x 3040	6.4″	3.5	522	149
Samsung S20	360 x 800	1440 x 3200	6.2″	4.0	563	141
Samsung S20+	384 x 854	1440 x 3200		3.75	525
Samsung S20 FE	412 x 914	1080 x 2400	6.5″	2.625	407	155
Samsung S20 Ultra	412 x 915	1440 x 3200	6.9″	3.5	511	146
Samsung S20+	384 x 854	1440 x 3200	6.7″	3.75	525	140
Samsung S21	360 x 800	1080 x 2400	6.2"	3	421
Samsung S21 Ultra 5G	384 x 854	1440 x 3200	6.8″	3.75	515	137
Samsung S22	360 x 780	1080 x 2340		3	422
Samsung S22+	360 x 780	1080 x 2340		3	393
Samsung S22 Ultra	360 x 772	1440 x 3088		4	500
Samsung S23		1080 x 2340	6.1"		425
Samsung S23 5G	360 x 780
Samsung S23 Ultra 5G	360 x 772
Samsung S23+ 5G	360 x 780
Samsung S6	360 x 640	1440 x 2560	5.1″	4.0	577	144
Samsung S6 edge	360 x 640	1440 x 2560	5.1″	4.0	577	144
Samsung S7	360 x 640	1440 x 2560	5.1″	4.0	577	144
Samsung S7 Edge	360 x 640	1440 x 2560	5.5″	4.0	534	153
Samsung S8	360 x 740	1440 x 2960	5.8″	4.0	570	142
Samsung S8+	360 x 740	1440 x 2960	6.2″	4.0	529	132
Samsung S9	360 x 740	1440 x 2960	5.8″	4.0	570	142
Samsung S9+	360 x 740	1440 x 2960	6.2″	4.0	529	151
Samsung Z Flip	412 x 1004	1080 x 2636	6.7″	2.625	425	162
Samsung Z Flip3	384 x 939	1080 x 2640 260 x 512	6.7"	2.8125
Samsung Z Flip4	412 x 1006	1080 x 2640	6.8"		425
Samsung Z Flip5
Samsung Fold	768 x 1076	1536 x 2152	7.3″	2.0	362	181
Samsung Z Fold2	884 x 1104	1768 x 2208		2	373
Samsung Z Fold3	320 x 872(접음) 674 x 842(펼침)	840 x 2289 1769.25 x 2210.25		2.625
Samsung Z Fold4		1812 x 2176	6.2" 7.6"		374
Samsung Z Fold5

 

https://yesviz.com/viewport/

Viewport Size for Devices | Screen Sizes, Phone Dimensions and Device Resolution | YesViz.com

 

반응형 디자인 시,

디바이스 너비를 기준으로 하려면 해상도(픽셀 수)를 참고해얄것 같은데, pixel ratio는 픽셀 밀도 개념이라, 비례 관계이긴 하지만 다른 개념인것 같음

 

물리적 해상도, 논리적 해상도, Pixel ratio

해상도에는 물리적, 논리적 해상도가 있는데, 논리적 해상도를 기준으로 해야함, 영어로는 css width(height), viewport 등으로 검색

https://blog.naver.com/eirene100999/221652853751

경력 > 1. 웹 :: [중급] 모바일 디바이스의 Pixel ratio에 대해 기술하라