Android-Icon abgeschnitten: Vordergrund und Sicherheitsbereich

Ein abgeschnittenes adaptives Android-Icon braucht häufig einen kleineren Vordergrund oder eine besser getrennte Quelldatei. Das Verkleinern eines vollständigen Quadrats kann den Hintergrund am Symbol belassen. Bestimme zuerst, welcher Teil verloren geht, und prüfe dann beide Ebenen unabhängig.

Im Android-Icon-Maker kannst du dafür eigene Vorlagen oder ein Bild verwenden, das du bearbeiten darfst. Bewahre das Original und eine Sicherung der Projektressourcen auf.

Unterscheide Beschnitt, weißen Rand und alte Dateien

Vergleiche mehrere Masken. Wenn ein Symbol im abgerundeten Quadrat vollständig, im Kreis aber abgeschnitten erscheint, steht es wahrscheinlich zu nah am Rand. Ein kleines Motiv mit einem weißen Quadrat dahinter kann einen undurchsichtigen Vordergrund enthalten. Sieht das ganze Icon wie eine frühere Version aus, prüfe zuerst Ressourcenauswahl und Launcher-Cache.

Diese Fälle erfordern verschiedene Lösungen. Eine Skalierung bewegt das Motiv nach innen, entfernt aber keine weißen Pixel eines abgeflachten Logos. Ein neuer Export ändert auch keine App, deren Manifest weiterhin einen anderen Ressourcennamen verwendet.

Ein tatsächlicher Größenvergleich

Am 2. Oktober 2026 wurde dieselbe Stack-Vorlage in der kreisförmigen Browser-Vorschau mit 125% und 50% verglichen. Bei 125% reicht das dunkle Quellquadrat über die gestrichelte 66-dp-Referenz hinaus; die Maske schneidet seine Ecken ab. Bei 50% passt das ganze Quadrat hinein. Die AG-Buchstaben sind in beiden Aufnahmen sichtbar. Gezeigt wird das Skalieren einer undurchsichtigen Quelle, keine Hintergrundentfernung und kein Test aller Launcher.

Halte das Hauptmotiv in der adaptiven sicheren Zone

Die Android-Dokumentation beschreibt 108 × 108 dp für die Ebenen und einen mittigen Sicherheitsbereich von 66 × 66 dp. Dieser bleibt unter den unterstützten Masken sichtbar. Reserviere den Außenbereich für die Systemdarstellung, ohne unverzichtbare Buchstaben oder Details.

Aktiviere die Vorschau der sicheren Zone und verkleinere den Vordergrund bis zu einem angenehmen Abstand. Wechsle erneut die Maske und betrachte die kleine Ansicht. Ein winziges, nicht mehr erkennbares Symbol löst das praktische Problem ebenfalls nicht.

Für eine wiederholbare Übung wähle die Stack-Vorlage im App Icon Maker, aktiviere den adaptiven Android-Export und vergleiche zwei Skalierungen. Das ist eine eigene Designübung, keine gemessene Konversionsstudie. Notiere die gewählte Einstellung für einen späteren Export.

Prüfe den Hintergrund separat

Der Hintergrund soll seine Ebene füllen. Ein transparentes Motiv kann auf einer Vollfarbe oder einem getrennten Hintergrundbild liegen. Suche nach leeren Ecken, weißen Rändern und Kontrastverlust unter der Maske.

Ist ein farbiges Quadrat bereits Teil der Quelle, trenne den Vordergrund im bearbeitbaren Original. Der PNG-Maker kann vorhandene Transparenz bewahren und die Bildfläche ändern. Ein undurchsichtiges JPEG wird durch die Umwandlung in PNG jedoch nicht freigestellt.

Vergleiche mit der tatsächlich vorgesehenen Hintergrundfarbe. Gute Lesbarkeit auf dem Transparenzraster beweist keinen ausreichenden Kontrast auf dem endgültigen Hintergrund. Separate Ebenen erleichtern spätere Korrekturen.

Kontrolliere die vom XML verwendeten Dateien

Entpacke das ZIP, bevor du Ressourcen kopierst. Der aktuelle adaptive Export enthält Vordergrund, Hintergrund und klassische Icons in den Dichteordnern. Die Definition für Android 8.0 befindet sich in res/mipmap-anydpi-v26.

Jeder Verweis in ic_launcher.xml muss auf eine vorhandene Datei zeigen. Eine typische Definition lautet:

<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
  <background android:drawable="@mipmap/ic_launcher_background" />
  <foreground android:drawable="@mipmap/ic_launcher_foreground" />
</adaptive-icon>

Das Projekt kann andere Namen verwenden. Halte seine Benennung überall konsistent; nur das XML oder nur das Bild umzubenennen bricht die Verbindung. Prüfe außerdem android:icon der Anwendung. Ein anderer Verweis erklärt, warum neue ic_launcher-Dateien die installierte Darstellung nicht ändern.

Ein Projekt mit geprüfter Ressourcenintegration

Am 1. Oktober 2026 importierte eine Test-App den exportierten Ordner Android/res und führte assembleDebug mit Gradle 9.5.0, Android Gradle Plugin 9.3.1, JDK 21.0.10 und compile SDK 36.1 aus. Mindest-API ist 23, Ziel-API 36. Die APK enthält Start-Activity-Code, DEX, Ressourcentabelle sowie adaptive und klassische Icons; ihre Debugsignatur wurde geprüft.

Originales Android-Prüfprojekt herunterladen

Konfiguriere das Android-SDK und führe diesen Befehl im enthaltenen Projekt aus. Der erste Build kann öffentliche Build-Abhängigkeiten herunterladen.

./gradlew --no-daemon :app:assembleDebug

Baue die App und kontrolliere einen Launcher

Kopiere die Ressourcen in das richtige Anwendungsmodul, baue die App und installiere genau diese Version auf einem Emulator oder Gerät. Prüfe einen unterstützten Launcher und nach Möglichkeit eine zweite Maske. Die Browservorschau zeigt Kompositionsprobleme, aber nicht jedes Rendering oder Cache-Verhalten.

Bleibt das alte Icon sichtbar, bestätige zuerst die installierte Version und den Manifest-Verweis. Eine entbehrliche Test-App neu zu installieren kann den Cache als Ursache abgrenzen. Entferne keine Anwendung mit Daten, die du behalten möchtest.

Speichere die gewählte Skalierung zusammen mit der geprüften Projektversion. So bleibt nachvollziehbar, welches Paket die beobachtete Darstellung erzeugt hat.

Installiertes Simulatorbeispiel

Am 2. Oktober 2026 wurden die Ressourcen in einem isolierten Android-API-36-Simulator installiert. Die App startete und das XY-Icon erschien in der App-Übersicht. Der Nachweis betrifft diesen Launcher und Build; andere Masken und Geräte müssen separat geprüft werden.

Fragen zu abgeschnittenen adaptiven Icons

Warum bleibt nach dem Verkleinern ein weißer Rand?

Er kann zur Quelldatei gehören. Die Skalierung verkleinert diese Pixel mit dem Motiv. Verwende echten transparenten Vordergrund oder trenne ihn im bearbeitbaren Design.

Können klassische und adaptive Icons zusammen vorhanden sein?

Ja. Der Export enthält klassische Bilder und ein versionsabhängiges adaptives XML. Prüfe Projektverweise und die Android-Versionen, die du unterstützt.

Enthält der Export jede Funktion für thematische Icons?

Der aktuelle Export liefert den Vordergrund-Hintergrund-Ablauf in Farbe. Prüfe Androids aktuelle Hinweise zu monochromen und thematischen Icons; ein Farb-ZIP implementiert nicht automatisch alle Optionen.

Vor dem nächsten Export

Halte das Symbol in der sicheren Zone, fülle die Hintergrundebene und prüfe XML-Verweise vor dem Build. Passe den Beschnitt im Android-Icon-Maker an und verwende den Größenleitfaden für die Abmessungen.