앱 아이콘: 크기·안전 영역·ZIP 적용

SOMKYU · 수정일

스토어 아이콘, 런처 아이콘, 적응형 아이콘 전경은 서로 다른 자산입니다. 이 도구는 정적 PNG와 기존 AppIcon.appiconset 구성을 생성합니다. 최신 Apple 레이어 아이콘이나 모든 Android 리소스를 자동 완성하는 도구는 아닙니다.

원본과 출력 크기

1024×1024px 이상 정사각형 원본을 권장합니다. 직사각형은 중앙 기준으로 잘리므로 바깥쪽 글자가 사라질 수 있습니다. iOS 스토어용 1024px, iPhone 앱 슬롯 120px·180px, macOS 16pt~512pt의 1x·2x 등을 생성합니다. Android 기존 런처는 mdpi 48px부터 xxxhdpi 192px, Google Play는 별도 512px입니다. 이 목록은 생성기의 프리셋이며 현재 프로젝트에 필요한 슬롯은 Xcode·Android Studio에서 확인하세요.

Android: 66%가 아니라 66dp

적응형 레이어 캔버스는 108×108dp이고 핵심 로고는 중앙 66×66dp 안에 둡니다. 66/108 ≈ 61.1%이므로 “중앙 66%”로 계산하면 안전 영역보다 커집니다. 수정된 생성기는 66/108 비율로 전경을 배치합니다. 432px 출력에서는 로고 영역이 264px이고 양쪽 여백이 84px입니다. 투명한 전경만으로 적응형 아이콘이 완성되지는 않습니다. 별도 배경과 adaptive-icon XML을 프로젝트에서 연결하세요.

Apple 정적 아이콘과 카탈로그

이 도구는 iOS·watchOS 정적 아이콘의 투명 부분을 선택한 색으로 채웁니다. 원본에 둥근 모서리나 큰 여백이 있으면 결과에도 남으므로 시스템 마스크와 함께 확인하세요. ZIP의 Xcode/AppIcon.appiconset에는 PNG와 Contents.json이 들어 있습니다. 기존 프로젝트를 백업한 뒤 필요한 타깃의 Assets에 가져오고 App Icon 설정을 확인하세요. 여러 타깃·Watch 확장 구성이 모두 자동 연결된다고 보장하지 않습니다.

배포 전에 보는 세 가지

① 가장 작은 아이콘에서도 로고가 읽히는지 확인합니다. ② Android에서 원형·둥근 사각형 마스크와 배경을 함께 시험합니다. ③ 실제 프로젝트를 빌드·검증해 누락 슬롯과 투명도 경고를 확인합니다. PNG 묶음을 만든 것과 스토어 제출 검증을 통과한 것은 다른 단계입니다. Apple Icon Composer의 레이어·외관 변형이나 Android 단색 테마 아이콘이 필요하면 해당 개발 도구에서 추가로 작업하세요.

공식 참고 자료

도구에서 직접 시험하기 · 가이드 목록

App icons: sizes, safe area and ZIP integration

SOMKYU · Updated

Store icons, launcher icons and adaptive foregrounds are different assets. This generator creates static PNGs and a traditional AppIcon.appiconset. It does not create Apple layered icons or a complete Android resource configuration.

Source and output sizes

Start with a square source at least 1024 px. Rectangular input is centre-cropped and edge text may disappear. Presets include 1024 px for the iOS store, 120/180 px iPhone slots and macOS 16–512 pt at 1x/2x. Android legacy launcher sizes include mdpi 48 px to xxxhdpi 192 px; Google Play uses a separate 512 px asset. Check the slots your actual project requires.

Android: 66 dp, not 66 percent

Adaptive layers are 108×108 dp; essential artwork belongs within the central 66×66 dp. 66/108 is about 61.1%, so scaling to 66 percent is too large. The generator now uses 66/108. For a 432 px canvas, the logo area is 264 px with 84 px margins. A transparent foreground alone is not a complete adaptive icon: add a background and reference both in adaptive-icon XML.

Apple static icons and catalogs

The tool fills transparent areas in static iOS/watchOS icons with your chosen colour. Existing corner rounding or padding remains, so check it with the system mask. Xcode/AppIcon.appiconset contains PNG files and Contents.json. Back up your project, import it into the relevant target’s Assets and verify the App Icon setting. Multiple targets and Watch extensions are not guaranteed to connect automatically.

Three checks before shipping

Check readability at the smallest size, test Android masks with a background, and build/validate the actual project for missing slots or transparency warnings. Generating PNGs is separate from passing store validation. Use the platform’s tools for Apple Icon Composer layers/appearances or an Android monochrome theme icon.

Official references

Try the tool · All guides

アプリアイコンのサイズ・安全領域・ZIP

SOMKYU · 更新日

ストア・ランチャー・アダプティブ前景は別の素材です。本ツールは静的PNGと従来のAppIcon.appiconsetを生成します。AppleのレイヤーアイコンやAndroidの全リソース設定を自動完成させるものではありません。

原本と出力サイズ

1024px以上の正方形を推奨します。長方形は中央で切り抜くため端の文字が消える場合があります。iOSストア1024px、iPhone 120/180px、macOS 16〜512ptの1x/2xなどを生成します。Android旧式ランチャーはmdpi 48px〜xxxhdpi 192px、Play用は別途512pxです。必要な枠は実際のプロジェクトで確認します。

Androidは66%ではなく66dp

レイヤーは108×108dp、重要なロゴは中央66×66dp以内です。66/108は約61.1%なので66%では大きすぎます。生成器は66/108で配置します。432pxならロゴ264px、左右余白84pxです。透明な前景だけでは完成しないため、背景とadaptive-icon XMLをプロジェクトで設定します。

Appleの静的アイコンとカタログ

iOS・watchOSの静的アイコンは透明部分を選択色で塗ります。原本の角丸や余白は残るためシステムマスクで確認します。Xcode/AppIcon.appiconsetにはPNGとContents.jsonが入ります。バックアップ後、対象ターゲットのAssetsに読み込みApp Icon設定を確認します。複数ターゲットやWatch拡張の自動接続は保証しません。

公開前の3点確認

最小サイズの視認性、背景付きAndroidマスク、実プロジェクトのビルド・検証を確認します。PNG生成とストア検証合格は別です。Apple Icon Composerのレイヤー・外観やAndroidの単色テーマアイコンが必要なら開発ツールで追加します。

公式資料

ツールで試す · ガイド一覧

Iconos: tamaños, zona segura e integración del ZIP

SOMKYU · Actualizado

El icono de tienda, el del lanzador y el primer plano adaptativo son recursos distintos. Este generador crea PNG estáticos y un AppIcon.appiconset tradicional. No crea iconos por capas de Apple ni una configuración Android completa.

Original y tamaños de salida

Parte de un cuadrado de al menos 1024 px. Un rectángulo se recorta por el centro y puede perder texto en los bordes. Se incluyen 1024 px para la tienda iOS, 120/180 px para iPhone y 16–512 pt a 1x/2x para macOS. Android clásico incluye 48–192 px; Play usa un recurso separado de 512 px. Comprueba lo que requiere tu proyecto.

Android: 66 dp, no 66%

Las capas miden 108×108 dp; el logotipo esencial va dentro de 66×66 dp centrales. 66/108 equivale al 61,1%, por lo que el 66% es demasiado. El generador usa ahora 66/108: en 432 px, el área del logo es 264 px y los márgenes 84 px. Añade un fondo y vincula ambas capas en el XML adaptive-icon.

Iconos estáticos y catálogos Apple

La herramienta rellena la transparencia de los iconos estáticos iOS/watchOS con el color elegido. El redondeo o margen del original permanece; compruébalo con la máscara del sistema. Xcode/AppIcon.appiconset contiene PNG y Contents.json. Haz una copia del proyecto, importa en Assets del destino y comprueba App Icon. No se garantiza conectar automáticamente varios destinos o extensiones Watch.

Tres comprobaciones antes de publicar

Comprueba la legibilidad al menor tamaño, las máscaras Android con fondo y la compilación/validación del proyecto. Generar PNG no equivale a superar la validación de la tienda. Usa las herramientas de plataforma para capas y apariencias de Apple Icon Composer o iconos monocromos de Android.

Referencias oficiales

Probar la herramienta · Todas las guías

이러쿵저러쿵

대표자: 송민규 사업자등록번호: 104-14-21643 통신판매신고: 2025-부천원미-1949

경기도 부천시 원미구 심중로111번가길 8 (중동) 102

support@ltlt.co.kr

© 2022 이러쿵저러쿵. All rights reserved.