본문 바로가기

궁금해요

[디자인] iOS와 안드로이드 해상도별 리소스 픽셀 계산하기!

나는 디발자는 아니고...


포토샵을 다룰줄 아는 개발자다.


가끔 회사에서 급하게 리소스를 필요로할 때 내가 처리하곤 한다.






사무실 이전할 때 평면도라던지







웹페이지에 띄울 이벤트 팝업 이미지라던지














리소스에 박힌 텍스트에 로케일 처리를 한다던지












배송안내 공지문 등등

















무튼 이번에는 iOS와 안드로이드 모두에 적용되는 아이콘을 만들었다.


신규로 추가되는 기능이라 리소스가 누락되었나보다.


디자인은 어찌어찌 완성되었는데 OS별 해상도별로 어떻게 픽셀을 계산해야 하는거지?




안드로이드는 아래 글을 보고 이해했다.


https://brunch.co.kr/@creative/36


dp * 2 (px) = xhdpi

dp * 3 (px) = xxhdpi




iOS 아래 글을 보고 이해했다.


https://brunch.co.kr/@dev-signer/8


xhdpi

xhdpi * 2 = @2x = xhdpi (?????)

xhdpi * 3 = @3x = xxhdpi (?????)