Cum să configurezi iconița și splash screen pentru aplicația mobilă

In this tutorial, you'll learn about Cum să configurezi iconița și splash screen pentru aplicația mobilă. We cover key concepts, practical examples, and best practices.

În acest ghid rapid vei învăța cum să configurezi iconița aplicației și ecranul de splash pentru aplicațiile mobile Android și iOS, respectând cerințele de dimensiuni și formate.

The Problem

O iconiță prost dimensionată sau un splash screen neconfigurat corect duce la respingerea aplicației din App Store/Google Play sau la o primă impresie proastă pentru utilizatori. Fiecare platformă are cerințe stricte de dimensiuni și formate.

The Wrong Way

<!-- O singură iconiță pentru toate rezoluțiile — arată pixelată pe ecrane mari -->
<mipmap
    android:src="@drawable/iconita_prea_mica" />

The Right Way

// Android — plasează iconițele în res/mipmap-* cu dimensiunile corecte:
// mipmap-mdpi: 48x48 px
// mipmap-hdpi: 72x72 px
// mipmap-xhdpi: 96x96 px
// mipmap-xxhdpi: 144x144 px
// mipmap-xxxhdpi: 192x192 px

<!-- AndroidManifest.xml -->
<application
    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:theme="@style/Theme.App.Starting">
</application>

Output: Iconița apare corect pe toate ecranele, de la telefoane ieftine la tablete high-end.

Step-by-Step Fix

1. Generează iconițele pentru Android

Folosește Image Asset Studio din Android Studio sau un tool online:

# Android Studio: Res > New > Image Asset
# Configurează foreground și background layer

2. Configurează iconițele pentru iOS

<!-- AppIcon în Assets.xcassets -->
<!-- iPhone: 20x20, 29x29, 40x40, 60x60 la @1x, @2x, @3x -->
<!-- iPad: 20x20, 29x29, 40x40, 76x76, 83.5x83.5 la @1x, @2x -->

3. Adaugă splash screen pe Android 12+

<!-- values/themes.xml -->
<style name="Theme.App.Starting" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">@color/white</item>
    <item name="windowSplashScreenAnimatedIcon">@mipmap/ic_launcher</item>
    <item name="postSplashScreenTheme">@style/Theme.App</item>
</style>

4. Adaugă splash screen pe iOS

// În SceneDelegate.swift sau AppDelegate.swift
func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options: UIScene.ConnectionOptions) {
    // LaunchScreen.storybook este configurat automat la crearea proiectului
    // Personalizează-l din Interface Builder
}

Prevention Tips

• Generează iconițe la rezoluția maximă și redimensionează automat
• Folosește format PNG sau WebP pentru Android, PNG pentru iOS
• Menține un fișier sursă vectorial (SVG) pentru modificări ulterioare
• Testează iconița pe fundal deschis și închis

Common Mistakes

1. Dimensiuni greșite — iconițele prea mici se pixelază, prea mari încetinesc încărcarea
2. Lipsa iconiței rotunde pe Android — unele launchers afișează un cerc gol
3. Splash screen prea lung — peste 500ms pare o aplicație lentă
4. Fără Adaptive Icons pe Android 8+ — iconița nu se adaptează la formele producătorilor
5. Text pe splash screen — textul poate fi tăiat sau afișat greșit pe ecrane diferite

FAQ

Built by the developers of Doda Browser, DodaZIP, and Durga Antivirus Pro. DodaTech tools integrate seamlessly with mobile technologies for enhanced productivity and security.