Android - Launcher Icon Größe

349

Für HDPI, XHDPIusw. , was sollte die ideale Größe des Launcher - Symbol sein? Sollte ich 9-PatchBilder erstellen müssen , damit das Symbol automatisch skaliert wird, oder ist es besser, separate Symbole zu erstellen?

AndroidDev
quelle
9
Sie erstellen keine 9-Patch-Bilder für Launcher-Symbole. 9-Patch sind für Bilder (Ressourcen) innerhalb der Anwendung. @edwoollard hat die richtige Antwort geliefert. Weitere Informationen finden Sie über diesen Link hier: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele
Aber nur aus Neugier fragen, können wir 9-Patches für das Launcher-Symbol verwenden?
Mohammad Jafar Mashhadi
Sie können unterschiedliche Größen für Symbole erhalten: play.google.com/store/apps/…
Vipul Patel
Wie kann ich 2 verschiedene Symbole festlegen: eines für die Android App, eines für die Chromebook App. Ist es möglich?
Kiem Duong

Antworten:

705

Ich würde für jedes ein eigenes Bild erstellen:

LDPI should be 36 x 36.

MDPI should be 48 x 48.

TVDPI should be 64 x 64.

HDPI should be 72 x 72.

XHDPI should be 96 x 96.

XXHDPI should be 144 x 144.

XXXHDPI should be 192 x 192.

Dann legen Sie einfach jeden von ihnen in die separaten Stiele des Zeichenordners.

Sie müssen auch eine große Version Ihres Symbols angeben, wenn Sie Ihre App in den Google Play Store hochladen. Dies sollte auch so sein WEB 512 x 512. Dies ist so groß, dass Google es auf eine beliebige Größe skalieren kann, um Ihre App im gesamten Google Play Store zu bewerben und Ihrem Logo keine Pixelung hinzuzufügen.

Grundsätzlich sollten alle anderen Symbole im Verhältnis zum Grundliniensymbol stehen MDPI at 48 x 48.

LDPI is MDPI x 0.75.

TVDPI is MDPI x 1.33.

HDPI is MDPI x 1.5.

XHDPI is MDPI x 2.

XXHDPI is MDPI x 3.

XXXHDPI is MDPI x 4.

Dies alles wird auf der Iconography-Seite der Android Developers-Website erklärt: http://developer.android.com/design/style/iconography.html

Edwoollard
quelle
3
Wo legst du die WED-Version hin?
Mafro34
10
@ Mafro34 Ich nehme an du meinst die WEB Version? Wenn Sie Ihre App endgültig fertiggestellt und in den Google Play Store hochgeladen haben, werden Sie aufgefordert, ein App-Symbol im Format 512 x 512 hochzuladen. Dies bedeutet, dass sie das Symbol überall auf der Website und in der App verwenden können, um für Ihre App zu werben.
Edwoollard
@ Mafro34 Sie fragen nach 512 x 512, damit sie das Symbol an den verschiedenen Positionen der App und der Website auf die gewünschte Größe verkleinern können, ohne Pixelbildung zu verursachen.
Edwoollard
@edwoollard oops, sorry, ich habe deine letzte Zeile nicht gesehen (" this is all explained ..."). Was Sie haben, ist im Wesentlichen eine Momentaufnahme ihrer (sich entwickelnden) Anforderungen.
Asche999
Ich habe ein Skript erstellt, das Android-Launcher-Symbole auf velara3.com exportiert. Aus meiner Forschung geht hervor, dass XXHDPI 180 x 180 und nicht 144 ist. Siehe developer.android.com/guide/practices/screens_support.html. Suchen Sie auf der Seite nach "180x180 (3.0x) für extra-extra-hohe Dichte". Ich habe jedoch einige Orte gesehen.
1,21 Gigawatt
121

Erstellen Sie keine 9-Patch-Bilder für Launcher-Symbole. Sie müssen für jedes ein eigenes Bild erstellen.

LDPI - 36 x 36
MDPI - 48 x 48
HDPI - 72 x 72
XHDPI - 96 x 96
XXHDPI - 144 x 144
XXXHDPI - 192 x 192.
WEB - 512 x 512 (Require when upload application on Google Play)

Hinweis: Das WEB-Bild (512 x 512) wird verwendet, wenn Sie Ihre Android-Anwendung auf Market hochladen.

|| Android App Icon Größe ||

Alle Geräte

hdpi=281*164
mdpi=188*110
xhdpi=375*219
xxhdpi=563*329
xxxhdpi=750*438

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)
Chirag
quelle
2
@ RED.Skull nein, er meint das Symbol, das Sie in das Google Developer Dashboard hochladen, um es von Nutzern auf dem Markt anzuzeigen
Mirko
6
@Ogen - Es ist eine gute Angewohnheit, Fragen zu stellen, ja, Einheiten sind in Pixel.
Chirag
Ist es möglich, nur die 192 x 192-Version im Ordner mipmap-xxxhdpi bereitzustellen und vom System entsprechend verkleinern zu lassen?
Eliasbagley
@eliasbagley: Sicher, das funktioniert. Aber es ist nicht optimal (sonst würde das gesamte System dichtespezifischer Ordner nicht existieren).
Jonik
97

Android-Symbole erfordern fünf separate Größen für unterschiedliche Bildschirmpixeldichten. Symbole für eine niedrigere Auflösung werden automatisch aus der Grundlinie erstellt.

mdpi (Baseline): 160 dpi 1×
hdpi: 240 dpi 1.5×
xhdpi: 320 dpi 2×
xxhdpi: 480 dpi 3×
xxxhdpi: 640 dpi 4× (launcher icon only)

Startsymbole (.Png)

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)

Aktionsleiste, Dialog- und Tab-Symbole

24 × 24 area in 32 × 32 (mdpi)
36 × 36 area in 48 × 48 (hdpi)
48 × 48 area in 64 × 64 (xhdpi)
72 × 72 area in 96 × 96 (xxhdpi)
96 × 96 area in 128 × 128 (xxxhdpi)*

Benachrichtigungssymbole

22 × 22 area in 24 × 24 (mdpi)
33 × 33 area in 36 × 36 (hdpi)
44 × 44 area in 48 × 48 (xhdpi)
66 × 66 area in 72 × 72 (xxhdpi)
88 × 88 area in 96 × 96 (xxxhdpi)*

Kleine kontextbezogene Symbole

16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)*

Die xxxhdpi-Größe, die nur vom Startsymbol benötigt wird, wie auf der offiziellen Website für die Unterstützung mehrerer Bildschirme angegeben .

STS
quelle
1
Vielen Dank, dass Sie Größen für verschiedene Kontexte hinzugefügt haben. Hast du eine Quelle dafür?
Krøllebølle
Wo ist die Referenz der Symbolgröße in Android-Site?
Mahdi
38

Adaptive Symbole

Ab Android 8.0 gibt es adaptive Symbole, die aus zwei separaten Ebenen bestehen. Beide Schichten haben eine Größe von 108 x 108 dp.

Geben Sie hier die Bildbeschreibung ein

(Bild aus der Android-Dokumentation angepasst )

Größen

Wenn Sie Versionen unter Android 8.0 unterstützen, müssen Sie weiterhin die Legacy-Größen ( 48dp) angeben . Ich habe die Pixelgrößen für jede Auflösung unten rot markiert.

Geben Sie hier die Bildbeschreibung ein

Mach es nicht von Hand

Ich nehme an, Sie könnten all das von Hand machen, wenn Sie wollen, aber ich muss sagen, dass meine Tage damit vorbei sind. Das Android Studio 3.0 Asset Studio ist ziemlich gut und generiert sie alle für Sie. Sie müssen lediglich ein ausreichend großes Vordergrund- und Hintergrundbild bereitstellen. (Ich habe ein 1024 x 1024 Pixel großes Bild verwendet).

Um das Asset Studio zu öffnen, gehen Sie zu Datei> Neu> Image Asset .

Geben Sie hier die Bildbeschreibung ein

Suragch
quelle
Müssen die Legacy-Symbole auch einen Hintergrund haben?
Android-Entwickler
@ Android-Entwickler, Sie können "Nur Legacy" als Symboltyp auswählen, wenn Sie Symbole generieren möchten, ohne die Hintergrundebene anzugeben. Wenn Sie "Adaptiv und Legacy" wählen, werden die Legacy-Symbole durch Zusammenführen der Vordergrund- und Hintergrundebenen generiert.
Suragch
Die eigentliche Hintergrundebene selbst (als eigenständige Ebene) wird immer nur auf Android 8.0+ Geräten verwendet.
Suragch
Was ist, wenn der Stil für adaptive Symbole nur ab Android O verwendet werden soll und ältere Stile (ohne zusätzlichen Hintergrund, auch wenn sie zusammengeführt wurden) zuvor aktiviert wurden? Ist es auch möglich, den Hintergrund unter Android O zu vermeiden? Ich mag keinen Stil für adaptive Symbole ...
Android-Entwickler
@ Android Entwickler, Generieren Sie einfach die Symbole in zwei Durchgängen. Führen Sie zuerst "Adaptive and Legacy" aus und stellen Sie beide Ebenen bereit. (Sie können sogar festlegen, dass die Legacy-Symbole an dieser Stelle nicht generiert werden sollen, dies spielt jedoch keine Rolle.) Führen Sie dann "Nur Legacy" aus und wählen Sie das gewünschte Bild aus (z. B. das Vordergrundbild). Wenn die Legacy-Symbole bereits im ersten Durchgang generiert wurden, werden sie im zweiten Durchgang mit Ihrem neuen (hintergrundlosen) Bild überschrieben. Denken Sie daran, dass Sie jede dieser Dateien jederzeit löschen und durch von Hand erstellte Bilder ersetzen können.
Suragch
24

Keine Tools von Drittanbietern erforderlich, wenn Android Studio Symbole für uns generieren kann.

  • File-> New->Image Asset

  • Wählen Sie dann Launcher Iconsals Asset-Typ:

  • Wählen Sie ein hochauflösendes Bild für die Bilddatei:

Android Launcher-Symbole generieren

  • Next-> Finishum Symbole zu generieren

generiere ic laucher icons

Aktualisieren Sie android:iconabschließend das Namensfeld AndroidManifest.xmlbei Bedarf.

Gayan Weerakutti
quelle
4
Android Studio scheint zusätzliche Auffüllungen um meine Symbole zu generieren, obwohl ich angewiesen habe, Leerzeichen zu kürzen, und sichergestellt habe, dass sich der Auffüllschieber ganz nach links befindet. Vielleicht ein Fehler mit Android Studio oder fehlt mir ein Schritt?
Zhang
Diese Methode saugt (leider) wegen der zusätzlichen Polsterung, die Android Studio in ...
Micro
Klicken Sie mit der rechten Maustaste auf den Ordner res und wählen Sie Neu> Image Asset. Gehen Sie zu .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula
9

Stellen Sie mindestens ein 512 x 512 Pixel großes Bild bereit und verwenden Sie dieses Tool: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Es werden alle Symbole für Sie in der richtigen Größe generiert, einschließlich des Webbilds für den Play Store.

LuckyMalaka
quelle
Cool, aber es wird keine ldpi-Größe generiert: PNG-Bilddaten, 36 x 36, 8-Bit / Farbe-RGBA, nicht interlaced. Diese Größe wird auf Geräten verwendet, auf denen Jelly Beans ausgeführt werden :) ..
Hudson Santos
Erstellen Sie ein neues Projekt mit Android Studio und Sie werden sehen, dass es keinen ldpi-Ordner mehr gibt. Ich würde annehmen, dass Sie sie nicht mehr brauchen.
LuckyMalaka
7

Der LDPI sollte 36 x 36 betragen.

MDPI 48 x 48.

TVDPI 64 x 64.

HDPI 72 x 72.

XHDPI 96 x 96.

XXHDPI 144 x 144.

XXXHDPI 192 x 192.

rajlaxmi_jagdale
quelle
1
Was haben Sie geantwortet, was andere noch nicht getan haben? Bitte lesen Sie nicht die Antworten anderer Leute auf den Ruf ... verdienen Sie es sich selbst.
Edwoollard
Dies sieht aus wie eine genaue Kopie + Einfügen aus dieser Antwort: stackoverflow.com/a/12768159/1974224
Cristik
7

Gemäß den Richtlinien für das Materialdesign ( hier unter "DP-Einheitsraster") sollte Ihr Produktsymbol eine Größe von 48 dp und eine Polsterung von 1 dp haben, mit Ausnahme von XXXHDPI, wo die Polsterung 4 dp betragen sollte.

In Pixel sind die Größen also:

  • 48 × 48 (mdpi) mit 1 dp Polsterung
  • 72 × 72 (hdpi) mit 1 dp Polsterung
  • 96 × 96 (xhdpi) mit 1 dp Polsterung
  • 144 × 144 (xxhdpi) mit 1 dp Polsterung
  • 192 × 192 (xxxhdpi) mit 4-dp-Polsterung

Ich empfehle, die Verwendung von VectorDrawable zu vermeiden, da einige Starter dies nicht unterstützen. Ich denke jedoch, dass WEBP in Ordnung sein sollte, solange Sie über die Transparenz Ihrer minSdk-Unterstützung verfügen (API 18 und höher - Android 4.3).

Wenn Sie im Play Store veröffentlichen, müssen Sie Folgendes hochladen (basierend auf hier ):

  • 32-Bit-PNG (mit Alpha)
  • Abmessungen: 512 x 512 Pixel
  • Maximale Dateigröße: 1024 KB
Android-Entwickler
quelle
6

Gut wie @ MartinVonMartinsgrün erwähnt Jetzt gibt es Bessere Tools als Assert Generator in Android Studio

Verwenden Sie für das Anwendungssymbol (Symbolleiste, Aktionsleiste, DrawableLeft usw.): http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Für den Launcher (Anwendungssymbol) Verwenden Sie: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Aber hier sind einige Tricks und Möglichkeiten, um die bessere Auflösung für Symbole und Startsymbole zu erhalten.

Schritt 1 :

Gehen Sie zuerst zu https://materialdesignicons.com und wählen Sie Ihr Symbol. Wenn Sie Ihr Symbol in guter Auflösung haben, überspringen Sie diesen Schritt. Klicken Sie auf das gewünschte Symbol und dann auf "Erweiterter Export". Daraufhin wird ein Fenster wie das folgende geöffnetVersuchen Sie, ein möglichst großes Symbol zu generieren

Klicken Sie dann auf das "Symbol", um ein Symbol (.png) zu generieren. Nun, der Trick besteht darin, zu versuchen, für hochauflösende Geräte ein möglichst großes Symbol zu generieren, und die Tools übernehmen alles für kleine Geräte. Wenn Sie jedoch ein kleines Symbol verwenden, verlieren Sie beim Generieren des Symbols für High-End-Geräte die Symbolauflösung.

Schritt 2 :

Gehen Sie dann zur Seite Extras und laden Sie das Symbol hochGeben Sie hier die Bildbeschreibung ein

Klicken Sie auf "Benutzerdefiniert", wenn Sie Ihr Symbol einfärben möchten. Unabhängig davon, welche Farbe des Symbols Sie hochladen, können Sie mit Benutzerdefiniert jede gewünschte Farbe generieren. Wählen Sie dann einen Namen und klicken Sie auf ".ZIP herunterladen". Dadurch wird die ZIP-Datei mit dem Symbol für die meisten gängigen Auflösungen heruntergeladen. Sie können den res-Ordner kopieren und in Ihren Anwendungsprojektordner einfügen. Das Symbol wird im Zeichenbereich angezeigt.

sh0umik
quelle
4

Ich habe ein Skript zum Generieren aller Plattformsymbole für PhoneGap-Apps aus einer einzigen SVG-Symboldatei veröffentlicht. Wenn Sie bereits Bitmaps haben, füge ich auch einige Hinweise hinzu, die Ihnen helfen können, die SVG-Vektoren aus einer vorhandenen Bitmap zu generieren. Dies funktioniert nicht für alle Bitmaps, aber möglicherweise für Ihre.

Tony O'Hagan
quelle
Ich entwickle in Sencha Touch, daher enthält es auch Code zum Generieren von Symbolen für Sencha. Es ist einfach, dies zu entfernen und an Ihre Bedürfnisse anzupassen. Ich würde einen Beitrag zur Generierung von Startbildschirmen schätzen
Tony O'Hagan
Haha ... Ich habe das gerade in einem zsh-Skript gemacht. Verdammt.
dylnmc
Das ikonische Framework enthält auch einen Bildgenerator für Begrüßungsbildschirme und App-Symbole
Tony O'Hagan,
2

Ich hatte das gleiche Problem, stellte dann jedoch fest, dass die Anordnung meiner Symbolgrafik innerhalb des zulässigen Quadrats (in meinem Fall 512 x 512) nicht maximiert wurde. Also habe ich das Bild gedreht und konnte es vergrößern, um die Ecken besser zu füllen. Dann habe ich mit der rechten Maustaste auf meine geklicktres in Android Studio mit der Ordner in meinem ProjektNew dann ausgewählt Image Asset, dass ich durch einen Assistenten geführt wurde, in dem ich meine zu verwendende Bilddatei auswählen musste. Wenn Sie dann das Kontrollkästchen "Trimmen der umgebenden Leerstelle" aktivieren, wird sichergestellt, dass alle Kanten, die in der Lage sind, die Seiten Ihres Quadrats berühren. Diese Schritte haben es viel größer als das Original.

Azurespot
quelle
1

Starten Sie die Bild- und Schrägstrichbildgröße für die Übermittlung der Google Play Store-App

  1. Hochauflösendes Symbol. PFB die Tabelle für erforderliche Größen 32-Bit-PNG (mit Alpha), Abmessungen: 512 x 512 Pixel, maximale Dateigröße: 1024 KB

Erforderliches Startsymbol und Begrüßungsbildgröße

  1. Insgesamt sind mindestens 2 Screenshots erforderlich (maximal 8 Screenshots pro Typ, zu den Typen gehören "Telefon", "7-Zoll-Tablet" und "10-Zoll-Tablet"). JPEG oder 24-Bit-PNG (kein Alpha), Mindestabmessung: 320 Pixel , Maximale Abmessung: 3840 Pixel, Stichprobengröße: 320 x 480, 480 x 800, 480 x 854, 1280 x 720, 1280 x 800, 24-Bit-PNG oder JPEG
Anitha
quelle
0

Sie können Symbole direkt im Android Studio selbst erstellen. Die Schritte, die Sie befolgen müssen, sind:

1.Klicken Sie mit der rechten Maustaste auf Res-> New-> Image Asset

2.Ändern Sie den Asset-Typ in ein Image.

3.Laden Sie das Image von der lokalen Festplatte

4.Sie haben Optionen zum Trimmen, Ändern der Polsterung und Hinzufügen von Hintergrund. Ändern Sie die Werte bei Bedarf.

5.Klicken Sie auf Weiter-> Fertig stellen.

Das Bild wird automatisch zu mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi hinzugefügt, wenn Sie das Startsymbol oder drawable-mdpi, drawable-hdpi, drawable-xhdpd, drawable-xx xxxhdpi, wenn Sie andere Symboloptionen auswählen.

Sharath Kumar
quelle