Die meisten Bildskalierer glätten beim Skalieren und machen Pixel-Art so zu Matsch. Ein ganzzahliges Nearest-Neighbor-Upscaling ist die richtige Methode: Jeder Pixel der Grafik wird zu einem exakten N×N-Block, ohne neue Farben und ohne Unschärfe. Dieses Tool macht das für einzelne Bilder und ganze Stapel, bietet Scale2x/EPX und Scale3x, wenn du abgerundete Diagonalen willst, und erkennt, wenn ein Bild bereits hochskaliert wurde, damit du keine unscharfe Kopie ein zweites Mal hochskalierst.
Anleitung: Pixel-Art-Upscaler
- Zieh einen oder viele Sprites hierher.
- Ist das Bild bereits hochskaliert, zeigt das Tool seine echte Größe und setzt es zuerst auf 1× zurück. Das kannst du abschalten.
- Wähl einen Faktor von 2× bis 16× oder gib eine beliebige ganze Zahl bis 32 ein.
- Nimm Nearest für exakte Blöcke oder Scale2x / Scale3x für weichere Diagonalen, die nur vorhandene Farben nutzen.
- Lade das PNG herunter oder ein ZIP mit allen Bildern im selben Faktor.
Was du bekommst
- Hochskaliertes PNG in genau N-facher Größe, mit denselben Farben und demselben Alpha.
- Stapel-ZIP, in dem jede Datei
name@4x.pngusw. heißt.
Zu welchen Engines es passt
- Für den Einsatz im Spiel nimm lieber den 1×-Sprite plus Nearest-Filterung in der Engine. Hochskalierte Dateien sind für Store-Seiten, Trailer, Social-Media-Posts, Druck und UI, die nicht skalieren kann.
- Ganzzahlige Faktoren halten das Pixelraster ausgerichtet. Vermeide irgendwo in der Pipeline Skalierungen um 1,5× oder 2,5×.
Tipps aus der Spieleentwicklung damit
- Steam-Capsules, itch.io-Seiten und Social-Media-Posts werden neu komprimiert. Ein Upscale um 4× oder mehr übersteht das besser als 1×.
- Scale2x kann das Aussehen kleiner Details wie Augen verändern. Vergleich vorher, bevor du es für Key Art nutzt.
- Lade 1×-Grafik auf Seiten hoch, die image-rendering: pixelated unterstützen, und lass CSS skalieren.
Anwendungsfälle
- Screenshots, Capsule Art und Trailer für die Store-Seite.
- Pixel-Art auf Postern, Stickern oder Merch drucken.
- Aus kleinen Sprites Emojis, Avatare und Profilbilder machen.
- Die echten 1×-Pixel aus einem hochskalierten Bild aus dem Netz wiederherstellen.
FAQ
Was ist Nearest-Neighbor-Skalierung?
Jeder Ausgabepixel übernimmt die Farbe des nächstgelegenen Eingabepixels. Bei ganzzahligen Faktoren wird so jeder Pixel der Grafik zu einem exakten quadratischen Block, das Bild wird also größer, ohne Unschärfe oder neue Farben.
Was machen Scale2x und Scale3x?
Das sind Skalierungsalgorithmen für Pixel-Art (auch EPX und AdvMAME genannt), die sich die Nachbarn jedes Pixels ansehen und diagonale Treppen abrunden, nur mit Farben, die schon im Bild vorkommen. Faktoren, die kein Vielfaches von 2 oder 3 sind, werden für den Rest mit Nearest skaliert.
Wie erkennt es bereits hochskalierte Bilder?
Es misst, wo Farbkanten liegen. Bei hochskalierter Pixel-Art liegt fast jede Kante auf einem regelmäßigen Raster. Das Tool findet das größte Raster, das die Kanten erklärt, und tastet die Mitte jedes Blocks ab, um die ursprünglichen Pixel wiederherzustellen.
Gibt es eine Größenbeschränkung?
Die Ausgabe ist auf 64 Megapixel pro Bild begrenzt, damit dein Browser flüssig bleibt, zum Beispiel ein 512×512-Sprite in 16× (8192×8192).
Werden meine Bilder hochgeladen?
Nein. Die Skalierung läuft in deinem Browser, und nichts wird an einen Server geschickt.
Kann es unscharfe Pixel-Art wieder scharf machen?
Kommt die Unschärfe von weicher Skalierung, hilft Hochskalieren nicht. Nimm das Tool Bild zu Pixel-Art mit Scharfer Abtastung in der gewünschten Größe und skalier das Ergebnis dann hier hoch.