Bild zu Pixel-Art
Concept Art, ein Gemälde, ein freigestelltes Foto, ein groß gezeichnetes Icon: rein damit, und heraus kommt ein sauberes Pixel-Art-Sprite, mit echter Palette und echten Konturen statt verschwommener Quadrate.
Kostenlos, ohne Anmeldung. Es läuft in deinem Browser: Deine Dateien verlassen nie deinen Computer, und das Tool funktioniert offline, sobald die Seite geladen ist.
Links das Bild einfach auf dieselbe Größe verkleinert, rechts als Pixel-Art gezeichnet. Zoome mit den Schaltflächen oder dem Mausrad über einem Bild; zieh ein gezoomtes Bild, um darin zu navigieren.
So verwendest du es
- Leg ein Bild auf das Feld (ein PNG mit transparentem Hintergrund funktioniert am besten).
- Wähl, wie viele Pixel das Sprite hat, den Look und, wenn du willst, eine Palette.
- Linien ein- oder ausschalten.
- Lade das Sprite herunter, so wie es ist oder 4× vergrößert zum Posten.
Nicht nur kleiner: Pixel-Art
Ein Bild zu verkleinern ergibt verschwommene Quadrate und Hunderte von Farben. Dieses Tool zeichnet es als Pixel-Art neu: Die Farben kommen in eine Palette aus Rampen (jede Farbe des Bildes bekommt ein paar eigene Schattierungen, sodass eine kleine rote Fläche rot bleibt), die Form bekommt eine saubere Kontur, und Einzelpixel werden weggeräumt. Es ist der Renderer, den Pixor für seine Sprites nutzt, und er läuft in deiner Seite, also ergeben dasselbe Bild und dieselben Einstellungen jedes Mal dieselben Pixel.
Looks und Paletten
Selektive Kontur zeichnet die Kontur jedes Teils in einer dunkleren Schattierung seiner eigenen Farbe, wie Pixel-Artists es oft tun; Sauber nutzt eine dunkle Linie; Retro behält vier Schattierungen pro Farbe; Flach entfernt die Schattierung, die das Bild hatte. Aus dem Bild baut eine Palette aus den eigenen Farben des Bildes; die anderen bringen jede Farbe auf eine feste Palette.
Bilder, die am besten funktionieren
Ein transparenter Hintergrund (ein PNG mit Transparenz) ergibt ein Sprite mit sauberer Silhouette und einer Kontur darum. Ein Motiv, eine Figur, ein Gegenstand, ein Gebäude, in beliebiger Größe: Das Tool passt es an die Pixelgröße an, die du wählst. Um einen ganzen Ordner voller Bilder in einem Look zu Sprites zu machen, erledigt Pixors Kommandozeile das in einer Zeile: pxr batch pictures/ -o sprites/ --size 48.
Sprites aus 3D-Modellen machen? Pixor rendert ein Modell zu Pixel-Art-Sheets von jeder Seite, Frame für Frame, und schreibt GIFs, Aseprite-Dateien und Engine-Formate selbst. So funktioniert’s.
Pixor kostenlos testenWeitere kostenlose Tools
- GLB- und glTF-Viewer: Öffne ein 3D-Modell, umkreise es, spiele seine Animationen ab und sieh, was damit nicht stimmt.
- Sprite-Sheet zu GIF: Mach aus einem Sprite-Sheet ein animiertes GIF oder APNG, pixelgenau.
- GIF zu Sprite-Sheet: Zerlege ein animiertes GIF in ein Sprite-Sheet, mit seinen Frame-Zeiten.
- Sprite-Sheet-Zerteiler: Schneide ein Sheet in Frames, nach Raster oder nach den Lücken zwischen den Sprites.
- Pixel-Art-Skalierer: Skaliere Pixel-Art 2× bis 16× ohne Unschärfe, für Posts und Stores.
- Auf eine Palette reduzieren: Ordne jedes Pixel einer Palette zu: einer Lospec-Palette, einer .gpl oder deiner eigenen.
- Sprite-Sheet-Ersteller: Packe Frames in ein Sheet, mit einer JSON, die deine Engine liest.