모바일 앱을 개발할 때는 다양한 화면 크기와 픽셀 밀도를 가진 수천 종류의 스마트폰 디바이스를 지원해야 합니다. 기준 크기(1x)로만 에셋을 내보내면 고밀도 스마트폰에서 아이콘과 버튼이 흐릿하게 블러 처리되고, 반대로 너무 큰 고화질 이미지만 사용하면 앱의 메모리 점유율과 번들 크기가 과도하게 커집니다.
표준 규격: iOS는 @2x, @3x 규격을 사용하고, Android는 mdpi (1x), hdpi (1.5x), xhdpi (2x), xxhdpi (3x) 폴더 구조를 사용합니다.
1. 모바일 운영체제별 해상도 배율 표준
- 1.0x (100%): 기준 크기 (예: 48x48 px). 구형 저해상도 기기 및 기본 mdpi 대응.
- 1.5x (150%): 안드로이드 HDPI 규격. (예: 72x72 px)
- 2.0x (200%): Apple iPhone 표준 레티나(@2x) 및 안드로이드 XHDPI 규격. (예: 96x96 px)
- 3.0x (300%): Apple iPhone Pro/Max 슈퍼 레티나(@3x) 및 안드로이드 XXHDPI 규격. (예: 144x144 px)
2. 배처 툴을 활용한 원클릭 에셋 패키징
배처 툴(Batcher Tools)의 SVG 변환기를 활용하면 마스터 SVG 벡터 원본을 드래그 앤 드롭한 뒤, 1.0x, 1.5x, 2.0x, 3.0x 배율을 동시 체크하여 한 번의 클릭으로 모바일 앱 빌드용 에셋 패키지를 일괄 추출할 수 있습니다.