πŸ“±μ•± μ•„μ΄μ½˜ ν”Œλž«νΌλ³„ μ‚¬μ΄μ¦ˆ κ°€μ΄λ“œ

iOSΒ·AndroidΒ·Web μ•± μ•„μ΄μ½˜ 전체 μ‚¬μ΄μ¦ˆ 체계 μ•ˆλ‚΄

πŸ“± μ•± μ•„μ΄μ½˜, ν”Œλž«νΌλ§ˆλ‹€ λͺ‡ κ°œλ‚˜ ν•„μš”ν• κΉŒ?

μ•± ν•˜λ‚˜λ₯Ό μΆœμ‹œν•˜λ €λ©΄ μ•„μ΄μ½˜μ„ ν•œ μž₯만 λ§Œλ“€λ©΄ 될 것 κ°™μ§€λ§Œ, μ‹€μ œλ‘œλŠ” iOS만 해도 App Store λ“±λ‘μš©λΆ€ν„° ν™ˆ ν™”λ©΄, Spotlight 검색, μ•Œλ¦Ό, μ„€μ • ν™”λ©΄κΉŒμ§€ μ΅œμ†Œ 12κ°€μ§€ μ‚¬μ΄μ¦ˆκ°€ ν•„μš”ν•©λ‹ˆλ‹€. μ‚¬μ΄μ¦ˆλ₯Ό ν•˜λ‚˜λΌλ„ 빠뜻리면 λΉŒλ“œ κ³Όμ •μ—μ„œ 였λ₯˜κ°€ λ‚˜κ±°λ‚˜, μŠ€ν† μ–΄ μ‹¬μ‚¬μ—μ„œ λ°˜λ €λ˜λŠ” κ²½μš°λ„ ν”ν•©λ‹ˆλ‹€.

이 λ„κ΅¬λŠ” iOS, Android, Web/PWA, Windows, macOS λ‹€μ„― ν”Œλž«νΌ 쀑 ν•˜λ‚˜λ₯Ό μ„ νƒν•˜λ©΄ ν•„μš”ν•œ μ•„μ΄μ½˜ μ‚¬μ΄μ¦ˆ 전체 λͺ©λ‘κ³Ό 각 μ‚¬μ΄μ¦ˆκ°€ 어디에 μ“°μ΄λŠ”μ§€λ₯Ό ν‘œλ‘œ λ³΄μ—¬μ€λ‹ˆλ‹€. AndroidλŠ” xxxhdpiλΆ€ν„° ldpiκΉŒμ§€ 해상도별 런처 μ•„μ΄μ½˜κ³Ό μ μ‘ν˜• μ•„μ΄μ½˜μ˜ μ•ˆμ „ μ˜μ—­κΉŒμ§€ ν•¨κ»˜ μ•ˆλ‚΄ν•©λ‹ˆλ‹€.

μ‹€λ¬΄μ—μ„œλŠ” κ°€μž₯ 큰 μ‚¬μ΄μ¦ˆ ν•˜λ‚˜λ§Œ 고해상도 λ²‘ν„°λ‚˜ PNG둜 μ œμž‘ν•œ λ’€, λ‚˜λ¨Έμ§€λŠ” λ¦¬μ‚¬μ΄μ¦ˆ λ„κ΅¬λ‚˜ XcodeΒ·Android Studio의 μžλ™ 생성 κΈ°λŠ₯을 ν™œμš©ν•˜λŠ” 것이 νš¨μœ¨μ μž…λ‹ˆλ‹€. μ•„μ΄μ½˜ μ•ˆμ— ν…μŠ€νŠΈλ‚˜ μ€‘μš”ν•œ κ·Έλž˜ν”½ μš”μ†Œκ°€ μžˆλ‹€λ©΄ κ°€μž₯ μž‘μ€ μ‚¬μ΄μ¦ˆμ—μ„œλ„ μ•Œμ•„λ³Ό 수 μžˆλŠ”μ§€ λ°˜λ“œμ‹œ ν™•μΈν•˜μ„Έμš”.

자주 λ¬»λŠ” 질문

λͺ¨λ“  μ‚¬μ΄μ¦ˆλ₯Ό 직접 λ‹€ λ§Œλ“€μ–΄μ•Ό ν•˜λ‚˜μš”?

κ°€μž₯ 큰 μ‚¬μ΄μ¦ˆ(예: iOS 1024Γ—1024, Android 512Γ—512) ν•˜λ‚˜λ§Œ κ³ ν•΄μƒλ„λ‘œ μ œμž‘ν•˜λ©΄ λ‚˜λ¨Έμ§€λŠ” λ¦¬μ‚¬μ΄μ¦ˆ λ„κ΅¬λ‚˜ λΉŒλ“œ μžλ™ν™”λ‘œ 생성할 수 μžˆμŠ΅λ‹ˆλ‹€.

Android μ μ‘ν˜• μ•„μ΄μ½˜μ˜ μ•ˆμ „ μ˜μ—­μ€ λ¬΄μ—‡μΈκ°€μš”?

108Γ—108dp μ „κ²½ 이미지 쀑 μ‹€μ œλ‘œ 항상 λ³΄μ΄λŠ” μ˜μ—­μ€ 쀑앙 66Γ—66dpμž…λ‹ˆλ‹€. κ·Έ λ°”κΉ₯μͺ½μ€ 기기에 따라 μ›ν˜•Β·λ‘₯κ·Όμ‚¬κ°ν˜• λ“±μœΌλ‘œ 잘릴 수 μžˆμœΌλ‹ˆ μ€‘μš”ν•œ μš”μ†ŒλŠ” μ•ˆμ „ μ˜μ—­ μ•ˆμ— λ°°μΉ˜ν•˜μ„Έμš”.

PWA와 favicon μ‚¬μ΄μ¦ˆλŠ” λ”°λ‘œ λ§Œλ“€μ–΄μ•Ό ν•˜λ‚˜μš”?

λ„€. favicon은 λΈŒλΌμš°μ € νƒ­ ν‘œμ‹œμš©μœΌλ‘œ μž‘μ€ μ‚¬μ΄μ¦ˆκ°€ ν•„μš”ν•˜κ³ , PWA μ•„μ΄μ½˜μ€ ν™ˆ 화면에 μΆ”κ°€ν–ˆμ„ λ•Œ μ•±μ²˜λŸΌ 보이기 μœ„ν•œ 더 큰 μ‚¬μ΄μ¦ˆκ°€ ν•„μš”ν•΄ μš©λ„κ°€ λ‹€λ¦…λ‹ˆλ‹€.