Pixel Art Online Erstellen
Starte auf leerer Fläche mit einem echten Editor: Ebenen, Deckkraft, Füllmethoden, lebendige Palette, vollständiger Verlauf und Vektor-Export.
Turn Pictures Into Pixel Art
Verwandle Fotos in Sekunden in Pixel Art. Bearbeite jedes Pixel, animiere es und lade deine Kreation.
🔒 Deine Bilder verlassen nie dein Gerät. Alles läuft in deinem Browser.
Sakura
Gemacht mit PixiMelon · Hochladen. Pixeln. Bearbeiten. Animieren. Laden.
Verwandle dein Foto in Pixel Art
Lade ein Foto hoch und erstelle in Sekunden Pixel Art.
Foto hierher ziehen und ablegen
oder
PNG · JPG · WEBP · SVG · PDF · AI — du kannst auch ein Bild einfügen (Strg/⌘ + V)
Neues Pixel Art erstellen
Wähle eine Canvasgröße zum Zeichnen.
Pixel Art animieren
Wähle eine Canvasgröße zum Animieren.
Verwandle dein Video in Pixel Art
Lade ein Video hoch und erstelle in Sekunden eine Pixel-Art-Animation. Alles läuft auf deinem Gerät.
Video hierher ziehen und ablegen
MP4 · WebM · MOV — lokal verarbeitet, nie hochgeladen
Verarbeite Frame 1 / 1
Die richtige Canvasgröße
16 × 16 für Icons und Mini-Sprites, 32 × 32 klassische Spiele-Sprites, 64 × 64 detailliert, 128 × 128 Szenen — oder frei 4 bis 2048 px pro Seite. Die Toolbar zeigt die Größe stets an; die B × H-Felder skalieren (Werk wird mit skaliert) jederzeit.
Die Tools im Paket
- Stift (B) — ein Pixel je Klick; Shift für Geraden, Alt zum Picken ohne Toolwechsel.
- Radierer (E) — radiert zu Transparenz; Alt + Klick löscht die verbundene Farbe ganz.
- Füllen (G) — respektiert Konturen, läuft nie durch radierte Kanten aus.
- Pipette (I) — sampelt jedes sichtbare Pixel, ebenenübergreifend.
- Hand (Leertaste) und Verschieben — Ansicht bzw. ganze aktive Ebene bewegen.
- Rückgängig / Wiederholen — Strg/⌘ + Z, Strg + Shift + Z oder Strg + Y, tiefer Verlauf.
- Leeren und Importieren — aktive Ebene wischen oder Bild, SVG, PDF als neue Ebene holen.
Ebenen, Deckkraft, Modi
Mehrere benannte Ebenen: Sichtbarkeit, Sperre, Sortierung, Deckkraft je Ebene und sieben Modi (Normal, Multiplizieren, Negativ multiplizieren, Überlagern, Abdunkeln, Aufhellen, Differenz). Ganze Ebenen per Strg/⌘ + C/X/V kopieren — smartes Einfügen: im selben Frame neue Ebene, zwischen Animations-Frames auf die passende Ebene. Im Animator teilt 🔗 Ebenen über alle Frames: so entstehen Hintergründe.
Farbe ohne Chaos
Das Panel mischt gespeicherte Swatches mit genutzten Canvasfarben (bis 48): Die Palette baut sich beim Zeichnen selbst. „+ Hinzufügen“ merkt, „− Entfernen“ räumt. Wenig Farben sind Technik — die Paletten-Anleitung zeigt, wie wenig reicht.
Zoom, Raster, Touch
Mausrad-Zoom, Buttons, Fit, echtes 100 %, automatisches Pixelraster bei großen Pixeln. Mitte-Taste, Hand-Tool oder Leertaste + Ziehen zum Schieben. Touch läuft über Pointer Events: Finger und Stifte zeichnen direkt.
Export und Auto-Save
PNG nativ (1×), Vektor-SVG, Vektor-PDF — der Projektname wird Dateiname. Auto-Save im eigenen Browser (localStorage) plus Projektdateien (.piximelon.json) für Backup oder Gerätewechsel. Einstieg: Pixel-Art-Grundlagen.
Häufige Fragen
Welche Startgröße?
32 × 32: klassischer Sprite, bester Standard. 16 × 16 Icons, 64 × 64 Porträts.
Wie viele Ebenen?
Kein festes Limit — nur Gerätespeicher. Benennen, sperren, lieber Deckkraft und Modi als frühes Vereinen.
Auto-Save?
Ja, im eigenen Browser (localStorage), plus manuelle Projektdateien. Site-Daten löschen ihn: Wichtiges als Datei sichern.
Foto durchpausen?
Ja — Import legt Bild, SVG oder PDF als neue Ebene; darüber zeichnen, Referenz ausblenden oder löschen.
Was tut B×H-Resize?
Skaliert das Werk auf die Maße — resampelt, schneidet nie still. Rückgängig möglich; der Animator skaliert alle Frames zugleich.
Wie ziehe ich gerade Linien?
Shift beim Zeichnen mit Stift oder Radierer halten: Die Vorschau zieht den Strich gerade, bevor du loslässt.
Gehen Stift oder Grafiktablett?
Ja. Alles läuft über Pointer Events — Maus, Finger und Stifte zeichnen direkt aufs Canvas.
Wie wird ein Sprite transparent?
Bis aufs Alpha radieren, wo es durchsichtig sein soll, dann PNG exportieren: Der Alphakanal bleibt exakt.