디자이너가 준비해야할 아이콘 사이즈의 모든것

다양한 모바일 디바이스에 다양한 해상도,

여러분이 스마트폰 앱 또는 소셜플랫폼 위에서 작동하는 앱을 만든다고 하면

각 해상도와 플랫폼에 필요한 아이콘들을 준비해야합니다.

플랫폼이 더해질수록 이것도 일이네요.

디자이너분들이 준비해야할 아이콘 사이즈들을 정리해볼께요.

iOS

단말기 파편화가 안드로이드보다 덜하다 하지만 워낙 디자인이 디테일한 아이폰이라 준비해야할것들이 많습니다.

아이폰	57 x 57
아이폰(레티나)	114 x 114
아이패드	72 x 72
아이패드(레티나)	144 x 144
앱스토어	1024 x 1024
스팟라이트, 아이패드 세팅	29 x 29
스팟라이트(레티나), 아이패드 세팅(레티나)	58 x 58
아이패드 스팟라이트	50 x 50
아이패드 스팟라이트(레티나)	100 x 100
아이패드 노티피케이션	20 x 20
아이패드 노티피케이션(레티나)	40 x 40

android

안드로이드 단말기가 파편화되어 있다고하지만 아이콘으로 사용할것은 해상도에 맞게 4종류만 준비하시면 됩니다.

ldpi	36 x 36
mdpi	48 x 48
hdpi	72 x 72
xhdpi	96 x 96
xxhdpi	192 x 192

notification에서 쓰이는 small icon 입니다.

mdpi	24 x 24
hdpi	36 x 36
xhdpi	48 x 48
xxhdpi	72 x 72
xxxhdpi	96 x 96

notification에서 쓰이는 large icon 입니다.

mdpi	64 x 64
hdpi	96 x 96
xhdpi	128 x 128
xxhdpi	192 x 192
xxxhdpi	256 x 256

Facebook

페이스북 연동하시는 분들이라면 페이스북 앱 설정에서도 아이콘을 등록하셔야 합니다.

16x16사이즈의 아이콘은 메뉴 또는 포스팅에 작게 표시될 아이콘이라 기존 아이콘의 축소형이 아닌 다른 심볼형태로 만드시는것이 좋을것 같습니다.

오픈그래프에 사용할 아이콘은 최소 200x200 사이즈를 권장하고 있습니다. 더 큰사이즈를 올리셔도 페이스북이 자동으로 스케일하지만, 여러분의 트래픽을 절감하기 위해서 200x200 사이즈를 사용하시는 것을 권장합니다.

primary	16 x 16
primary	75 x 75
low resolution	64 x 64
meduim resolution	96 x 96
high resolution	128 x 128
opengraph	200 x 200

준비해야할 아이콘 정리

그럼 준비해야할 아이콘 사이즈를 보기쉽게 크기 순서대로 정렬해 보겠습니다.

primary	16 x 16
아이패드 노티피케이션	20 x 20
스팟라이트, 아이패드 세팅	29 x 29
ldpi	36 x 36
아이패드 노티피케이션(레티나)	40 x 40
mdpi	48 x 48
아이패드 스팟라이트	50 x 50
아이폰	57 x 57
스팟라이트(레티나), 아이패드 세팅(레티나)	58 x 58
low resolution	64 x 64
아이패드	72 x 72
hdpi	72 x 72
primary	75 x 75
xhdpi	96 x 96
meduim resolution	96 x 96
아이패드 스팟라이트(레티나)	100 x 100
아이폰(레티나)	114 x 114
high resolution	128 x 128
아이패드(레티나)	144 x 144
xxhdpi	192 x 192
opengraph	200 x 200
앱스토어	1024 x 1024

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html