Anleitung: Pixel-Art-Schärfer
- Lege das unscharfe Sprite ab. Probiere das Beispiel „Unscharfer Klecks“, um zu sehen, was passiert.
- Stelle den Alpha-Schwellenwert ein: Alles darüber wird deckend, alles darunter transparent.
- Schalte Entsprenkeln ein, um einzelne Pixel und dünne Stummel am Rand zu entfernen.
- Lass die Farben auf die dominanten Farben des Sprites einrasten oder reduziere sie auf eine feste Anzahl.
- Vergleiche mit dem Original und lade dann das PNG herunter.
Was du bekommst
- PNG nur mit vollständig deckenden oder vollständig transparenten Pixeln
- Reduzierte Palette aus den echten Farben des Sprites
- Vorher/Nachher-Zählung von Farben und halbtransparenten Pixeln
Tipps aus der Spieleentwicklung damit
- Starte mit „Eigene Farben“. Das behält jede Farbe, die eine echte Fläche im Sprite abdeckt, und führt die dünnen Mischfarben in ihren nächsten Nachbarn über.
- Verlieren Outlines Pixel, senke den Alpha-Schwellenwert. Bleibt ein Halo, erhöhe ihn.
- Prüfe mit den Hintergrund-Buttons auf dunklem und hellem Hintergrund. Halos, die sich auf dem Schachbrett verstecken, fallen auf Weiß sofort auf.
- Wurde das Sprite zusätzlich um einen nicht-ganzzahligen Faktor hochskaliert, korrigiere zuerst die Größe mit dem Pixel-Art-Resizer und schärfe danach.
Anwendungsfälle
- KI-generierte Sprites aufräumen, bevor sie ins Spiel kommen
- Grafiken reparieren, die mit aktivierter Glättung skaliert wurden
- Den weichen Halo um exportierte transparente PNGs entfernen
- Aus einem durch JPEG beschädigten Sprite wieder eine knappe Palette gewinnen
FAQ
Warum sieht meine Pixel-Art unscharf aus?
Meist wurde sie mit bilinearer Filterung skaliert oder als JPEG gespeichert. Beides erzeugt neue Mischfarben und halbtransparente Randpixel, die echte Pixel-Art nicht hat.
Was macht „Auf eigene Farben einrasten“?
Es findet die Farben, die einen nennenswerten Anteil des Sprites abdecken, und ordnet jede andere Farbe – meist dünne Anti-Aliasing-Mischungen – der nächstgelegenen davon im wahrnehmungsbasierten OKLab-Farbraum zu.
Was entfernt Entsprenkeln?
Deckende Pixel ohne deckende Nachbarn (einzelne Sprenkel) oder, bei der stärkeren Einstellung, mit nur einem Nachbarn (Stummel). Das sind meist Reste einer weichen Kante.
Kann es ein unscharf hochskaliertes Sprite reparieren?
Es bereinigt Farben und Kanten, rekonstruiert aber nicht das ursprüngliche Raster. Wurde das Sprite hochskaliert, bring es zuerst auf seine native Größe zurück und schärfe dann.
Funktioniert es mit Spritesheets?
Ja. Die Einstellungen gelten für das gesamte Bild, ein Spritesheet wird also in einem Durchgang bereinigt.
Wird meine Datei hochgeladen?
Nein. Die Verarbeitung passiert in deinem Browser.