So erstellen Sie Android-PNG-Symbole aus einer SVG-Datei mit GIMP

Ich bin so ziemlich ein Grafikdesign-Noob, wie Sie an dieser sehr grundlegenden Frage erkennen können. Was ich versuche zu erreichen, ist, eine Reihe von Android-Symbolen aus einer SVG-Datei zu erstellen, die ich habe. Falls Sie es nicht wussten, um die verschiedenen Gerätegrößen zu unterstützen, soll ich ein Symbol für MDPI-, HDPI- und XHDPI-Bildschirme erstellen. Genauere Informationen finden Sie hier

Hier sind die empfohlenen Abmessungen für jede Größe:

  • MDPI – 160 dpi, 48 x 48 Pixel
  • HDPI – 240 dpi, 72 x 72 Pixel (1,5 x MDPI)
  • XHDPI – 320 dpi, 96 x 96 Pixel (2 x MDPI)

Wie ich bereits sagte, beginne ich mit einer SVG-Datei, die ich habe. Als erstes öffne ich die SVG-Datei mit GIMP. Hier fange ich an, verwirrt zu werden. Welchen Wert sollte ich für die Pixel/in eingeben? Der Standardwert ist 90.

Nachdem ich diesen Bildschirm passiert habe, exportiere ich ihn so ziemlich sofort in ein PNG. Wenn ich das tue, wird mir ein weiterer Bildschirm mit einer Reihe verschiedener Optionen angezeigt. Normalerweise belasse ich es einfach als Standard, aber ich bin mir nicht sicher, ob das die beste Idee ist. Wie auch immer, wenn ich diesen Vorgang durchführe, sehen meine Symbole auf meinem Nexus 4 immer noch sehr verschwommen aus.

Jede Hilfe wird sehr geschätzt.

Antworten (1)

Der Link für Android-Entwickler ist etwas verwirrend, da er DPI erwähnt, aber darüber sollten Sie sich keine Sorgen machen. DPI ist wichtig für die Geräte, aber für das Entwerfen der Symbole nicht erforderlich (normalerweise verwende ich Gimp nicht, daher weiß ich nicht, ob es eine automatische Methode zum Vorbereiten von Dateien für unterschiedliche Auflösungen hat, aber ich gehe davon aus, dass Sie dies möchten tun Sie dies manuell und erstellen Kopien für jede Größe).

Der wichtige Teil ist folgender:

Um ein Symbol für unterschiedliche Dichten zu erstellen, sollten Sie das Skalierungsverhältnis von 2:3:4:6 zwischen den vier primären Dichten (mittel, hoch, x-hoch bzw. xx-hoch) einhalten. Stellen Sie sich beispielsweise vor, dass die Größe für ein Launcher-Symbol auf 48 x 48 dp festgelegt ist. Das bedeutet, dass das Baseline-Asset (MDPI) 48 x 48 Pixel groß ist , das High-Density-Asset ( HDPI ) das 1,5-Fache der Baseline bei 72 x 72 Pixel und das X-High-Density-Asset (XHDPI) das Zweifache der Baseline bei 96 x 96 Pixel und demnächst.

Geben Sie hier die Bildbeschreibung ein

Nun zu deinem Problem:

Sie haben eine SVG-Datei mit einer Reihe von Symbolen. Die Dokumentation sagt, dass die empfohlene Größe für die größte Dichte 96x96px ist. Denn Smartphones haben die doppelte Pixeldichte von Desktop-Monitoren.

Aus diesem Grund sieht ein 48 x 48 Pixel großes Symbol auf Ihrem Computer gut aus, aber auf Ihrem Nexus verschwommen, da Ihr Nexus mehr Qualität benötigt, um denselben Platz auszufüllen. Es benötigt genau 2x Qualität, da es sich um einen 2x MDPI-Bildschirm handelt (er hat die doppelte Anzahl von Pixeln pro "Pixelraum", während 1,5 MDPI eine 1,5-fache Dichte hat).

Kurz gesagt: Sie benötigen 3 Symbole. Die Größen sind 48x48px, 72x72px und 96x96px . Auf den Geräten sehen Ihre Symbole alle gleich groß aus, da sie skaliert werden, um eine gute Qualität beizubehalten, wenn der Bildschirm eine höhere Auflösung hat.

Das Pixel/in-Problem, das Sie erwähnen, ist für den Druck und nicht für Digital, also brauchen Sie sich darüber keine Gedanken zu machen. Stellen Sie die Symbole einfach auf diese Größen ein, und Sie werden sehen, dass es im Nexus gut aussieht.

Dies sind einige andere Fragen, die sich mit der Arbeit mit App-Symbolen befassen:

So erstellen Sie Android-PNG-Symbole aus einer SVG-Datei mit GIMP
AntwortenHierDatenschutz-Bestimmungen1y, 0v