[Android][어따세워] 앱 아이콘 제작 / 해상도별 사이즈 조절(포토샵)

 

이번 포스팅에서는 안드로이드 '앱 아이콘 적용'에 대해 알아볼 것이다.

앱 아이콘을 적용한다고 하면, 단순히 이미지 하나만 준비하면 된다고 생각할 수 있지만 안드로이드에서는 그렇지만도 않다.

 

해상도	이미지 크기 (px)
Google Playstore	512 x 512 px
mdpi (160dpi)	48 x 48 px
hdpi (240dpi)	72 x 72 px
xhdpi (320dpi)	96 x 96 px
xxhdpi (480dpi)	144 x 144 px
xxxhdpi (640dpi)	192 x 192 px

 

그 이유는 안드로이드는 단말기의 화면 너비에 따라 해상도가 다르기 때문이다.

위 표는 안드로이드에서 사용하는 해상도 단위이자, 그에 따른 아이콘 이미지 크기를 정리한 표이다.

여기서 dpi(Dot Per inch)는 1인치(2.54cm) 안에 들어가는 픽셀의 수를 의미한다.

 

DPI	density
ldpi (120dpi)	0.75
mdpi (160dpi)	1
hdpi (240dpi)	1.5
xhdpi (320dpi)	2
xxhdpi (480dpi)	3
xxxhdpi (640dpi)	4

(공식 : px = dp * (dpi / 160) = dp * density)

위 표를 보면 알 수 있다시피 안드로이드에서는 mdpi가 기준 값이 된다. (즉, mdpi에서 1dp = 1px)

예를 들어, 1000px X 1000px 이미지를 xxxhdpi로 기준삼았다면, mdpi는 그 값을 4로 나눈 250px X 250px이 되는 것이다.

 

'포토샵 이미지 크기 화면'

 

따라서 포토샵에서 이미지의 픽셀을 정할 때, 위에서 언급한 표와 공식을 적용하면 된다.

 

'안드로이드의 해상도별 mipmap 폴더'

 

안드로이드 아이콘의 경우 mipmap폴더에 저장하곤 하는데, 이렇게 해상도별로 폴더를 나누어 관리한다.

이렇게 앱 아이콘 사진의 크기를 나누어 각자의 폴더에 넣어두면 된다.

 

'안드로이드의 Manifest'

 

그리고 안드로이드 스튜디오의 Manifest파일에 들어가보면, 이렇게 아이콘을 설정할 수 있는 곳이 있는데,

만약 아이콘을 사각형과 둥근 이미지로 나누어놨다면 위와같이 코드를 작성하면 된다.

 

'앱 아이콘 설정한 결과'

 

그럼 이렇게 아이콘이 흐리게 나오지 않고 깔끔하게 나오는 것을 확인할 수 있다.

 

막연히 '이정도면 커보이겠지', '귀찮은데 이미지 한개로 때우지 뭐' 라는 생각보다 안드로이드 모바일 화면을 디자인 할 때 DP개념을 참고하여 디자인하면 사용자를 더 배려할 수 있다.

 

내용에 오류가 있거나, 질문이 있으신 분들은 댓글을 남겨주시면 감사하겠습니다! 😊