Wie kann ich mein Sprite für das Retina-Display erstellen?

Es ist nicht wirklich etwas, was man einfach am Ende tun kann. Es ist etwas, das Sie ab dem Moment berücksichtigen müssen, in dem Sie die erste Grafik bearbeiten.

Sie müssen zu Beginn wissen, wie viele Auflösungen Sie unterstützen müssen. Wenn dies unmöglich ist, da noch keine Entscheidung getroffen wurde, die Show aber weitergehen muss, sollten Sie einfach mit der größten Größe arbeiten, die möglicherweise benötigt wird, sobald die Entscheidung getroffen wurde.

Sie müssen das Sprite nur einmal erstellen. Das wichtige Detail ist, dass Sie es in der größten Größe machen sollten, die Sie benötigen. Da dieses Dokument bereits in den größten Größen erstellt wurde, die Sie benötigen, müssen Sie beim Speichern nur auf alle kleineren Größen herunterskalieren, was sehr einfach ist.

Der Grund, warum Sie die Grafiken nicht in der kleinsten Größe erstellen und vergrößern möchten, liegt darin, dass beim Vergrößern die Grafik gestreckt und fehlende Daten angenähert (erraten) werden, wodurch ein immer pixeligeres Ergebnis entsteht, je mehr Sie vergrößern Sie die Größe. Beim Herunterskalieren muss es nicht raten, um Daten auszufüllen, es muss nur überschüssige Daten verwerfen und behalten, was für diese Größe erforderlich ist.

Die Lösung besteht darin, das Sprite in der größten Größe (höchste Auflösung) zu erstellen, die Sie benötigen, und es dann beim Speichern für alle kleineren Größen (niedrigere Auflösung) herunterzuskalieren.

Verwenden Sie ein SVG für ein Sprite. Dann müssen Sie sich keine Sorgen um die Auflösung machen. Vor allem, wenn Ihr Kunstwerk einfach genug ist, um eine kleine Dateigröße zu haben.