๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
iOS ๐ŸŽ/iOS

Pixel, PT, PPI

by yongmin.Lee 2022. 3. 16.

์Šคํฌ๋ฆฐ ์‚ฌ์ด์ฆˆ

์Šคํฌ๋ฆฐ์˜ ๋Œ€๊ฐ์„  ๊ธธ์ด๋ฅผ ์ธ์น˜๋กœ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค. ex) iMac 27 = 27’’

ํ•ด์ƒ๋„(Resolution)

์Šคํฌ๋ฆฐ์˜ ์ด ํ”ฝ์…€์ˆ˜๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ex) iMac 27 = 2560 × 1440

ํ”ฝ์…€(Pixel)

ํ™”๋ฉด(๋˜๋Š” ์ด๋ฏธ์ง€)์˜ ๊ฐ€๋กœ, ์„ธ๋กœ ํ•ด์ƒ๋„๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋‹จ์œ„

PT (Point)

iOS ์‚ฌ์ด์ฆˆ ๋‹จ์œ„์ž…๋‹ˆ๋‹ค. 

PPI๊ฐ€ ๋‹ค๋ฅธ ๋””๋ฐ”์ด์Šค์—์„œ px๋กœ ํ‘œ๊ธฐํ•˜๋ฉด ๋ฐ€๋„๊ฐ€ ํด์ˆ˜๋ก ์ž‘๊ฒŒ ๋ณด์ž…๋‹ˆ๋‹ค.

pt๋กœ ํ‘œ๊ธฐํ•˜๋ฉด ๋™์ผํ•œ ๋น„์œจ๋กœ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค.

PPI(Pixels per Inch)

1 inch² ํ๋น…์— ๋“ค์–ด๊ฐ€๋Š” ํ”ฝ์…€์˜ ์ˆ˜ = ํ”ฝ์…€๋ฐ€๋„

๋ฐ€๋„๊ฐ€ ๋†’์•„์งˆ์ˆ˜๋ก(PPI๊ฐ€ ๋†’์•„์งˆ์ˆ˜๋ก) ์„ ๋ช…

72 ppi ๋””์Šคํ”Œ๋ ˆ์ด์—์„œ 1pt์™€ 1px์€ 1:1๋กœ ๊ฐ™๋‹ค.

 


DP (Device Pixel)

์•ˆ๋“œ๋กœ์ด๋“œ ์‚ฌ์ด์ฆˆ ๋‹จ์œ„.

DPI๊ฐ€ ๋‹ค๋ฅธ ๋””๋ฐ”์ด์Šค์—์„œ px๋กœ ํ‘œ๊ธฐํ•˜๋ฉด ๋ฐ€๋„๊ฐ€ ํด์ˆ˜๋ก ์ž‘๊ฒŒ ๋ณด์ž…๋‹ˆ๋‹ค.

dp๋กœ ํ‘œ๊ธฐํ•˜๋ฉด ๋™์ผํ•œ ๋น„์œจ๋กœ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค.

DPI(Dots per Inch)

1 inch²ํ๋น…๋‹น ๋“ค์–ด๊ฐ€๋Š” ์ ์˜ ์ˆ˜

๋ณดํ†ต ์ด๋ฏธ์ง€์™€ ์ธ์‡„๋ฌผ์˜ ๋ฐ€๋„๋ฅผ ๋‚˜ํƒ€๋‚ด๋ฉฐ ์•ˆ๋“œ๋กœ์ด๋“œ ๋””์Šคํ”Œ๋ ˆ์ด์˜ ๋ฐ€๋„๋ฅผ ๋‚˜ํƒ€๋‚ด๊ธฐ๋„ ํ•œ๋‹ค.

160 DPI์ธ ๊ฒฝ์šฐ ๋ฐ€๋„ ๋…๋ฆฝ๋‹จ์œ„ DP์™€ PX์ด ๊ฐ™์€ ํฌ๊ธฐ๋ฅผ ๊ฐ–๋Š”๋‹ค.
์ฆ‰, 16DPI์—์„œ๋Š” 1dp๋Š” 1px์ด ๋œ๋‹ค.

 

 

 

 

์ฐธ๊ณ ์ž๋ฃŒ

https://brunch.co.kr/@eeasily/17

http://uidesignguides.com/ppi-dpi-dp-sp-pt%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C/

https://mesign.tistory.com/9?category=971548

https://blog.cracker9.io/2018/03/13/Android_DPI/

https://mesign.tistory.com/10

 

'iOS ๐ŸŽ > iOS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Animation 1 - UIView Animation  (0) 2022.03.17
Core Graphics๋กœ ๋‘ ์ด๋ฏธ์ง€ ํ•ฉ์„ฑํ•˜๊ธฐ  (0) 2022.03.17
Deep Link : URI Scheme vs Universal Link  (0) 2022.03.16
ReactorKit 1  (0) 2022.03.15
iOS ๋ฉ”๋ชจ๋ฆฌ ๊ตฌ์กฐ  (0) 2022.03.04