MakeBead

~ SCHARFE PIXEL IN DEINER WUNSCHGRÖSSE ~

Pixel-Art skalieren

Vergrößere Sprites, Icons oder Pixelzeichnungen, ohne ihre Kanten weichzuzeichnen. Wähle einen genauen Faktor oder gib die Ausgabemaße ein, vergleiche das Ergebnis mit dem Original und lade eine PNG mit Transparenz herunter. Deine Bilder bleiben im Browser; du brauchst kein Konto und lädst nichts auf einen Server hoch.

PNG, JPEG oder WebP hier ablegen

Bis 20 MB · Statische PNG-Ausgabe · Verarbeitung auf deinem Gerät

Öffne ein Bild oder probiere das Beispiel aus, um die Skalierung zu sehen.

So skalierst du Pixel-Art ohne Unschärfe

  1. Bild öffnen. Wähle eine PNG-, JPEG- oder WebP-Datei oder ziehe sie in den Uploadbereich. Verwende eine PNG mit Transparenz, wenn dein Sprite einen transparenten Hintergrund braucht. Mit dem integrierten Beispiel kannst du die Bedienung ausprobieren, bevor du eine Datei auswählst.
  2. Faktor oder genaue Größe wählen. Mit 2×, 3×, 4× oder 8× wird aus jedem Originalpixel ein gleich großes Quadrat. Wenn du bestimmte Bildmaße brauchst, wechsle zu eigenen Maßen. Lass das Seitenverhältnis gesperrt, sofern du das Bild nicht absichtlich verzerren möchtest.
  3. Ausgabe prüfen. Die Vorschau aktualisiert sich, wenn du die Größe änderst. „Einpassen“ zeigt das ganze Bild; „100 %“ zeigt einen Ausgabepixel pro CSS-Pixel und lässt sich scrollen. Prüfe vor dem Download sowohl die Maße als auch das Bild, besonders beim Verkleinern oder bei einem nicht ganzzahligen Faktor.
  4. Skalierte PNG herunterladen. Das gespeicherte Bild hat die im Tool angezeigte Ausgabebreite und -höhe. Es enthält weder das Schachbrett der Vorschau noch Rahmen oder Wasserzeichen. Die Transparenz bleibt erhalten. PNG vermeidet zudem neue Kompressionsartefakte, die ein JPEG-Export verursachen könnte.

Warum ganzzahlige Faktoren das Pixelraster erhalten

Ein Sprite mit 16 × 16 Pixeln wird bei 4× zu 64 × 64 Pixeln. Jeder Originalpixel belegt ein Quadrat von 4 × 4 Pixeln. Dadurch bleiben die Proportionen von Umrissen, Abständen und wiederholten Mustern erhalten. Das eignet sich für Spielsprites, Avatare, Präsentationsgrafiken und Bilder, die du größer exportieren möchtest, ohne ihren Zeichenstil zu verändern.

Auch eine frei gewählte Skalierung von 16 × 16 auf 50 × 50 behält scharfe Kanten. Allerdings werden manche Originalpixel drei Pixel breit und andere vier. Das Nächster-Nachbar-Verfahren mischt ihre Farben nicht, kann unterschiedlich breite Pixel aber nicht vereinheitlichen. Wähle einen ganzzahligen Faktor, wenn dir ein regelmäßiges Raster wichtig ist.

Nächster Nachbar, Transparenz und das Originalbild

Die Skalierung nach dem Nächster-Nachbar-Verfahren wählt für jede Ausgabeposition einen vorhandenen Originalpixel, statt benachbarte Farben zu mischen. Dieses Tool kopiert seine Rot-, Grün-, Blau- und Alphawerte gemeinsam. Transparente Bereiche bleiben transparent, vorhandene halbtransparente Kanten bleiben halbtransparent. Das Schachbrett dient nur als Anzeigehilfe.

Durch Skalieren wird ein unscharfes Original nicht repariert. Auch JPEG-Artefakte werden nicht entfernt, die Palette wird nicht reduziert und aus einem Foto entsteht kein sorgfältig gezeichnetes Sprite. Beginne möglichst mit der ursprünglichen kleinen PNG. Um ein Foto in Pixel-Art umzuwandeln oder einzelne Pixel neu zu zeichnen, nutze den unten verlinkten Konverter oder Pixel-Editor.

Sprites verkleinern oder ein Spritesheet skalieren

Beim Verkleinern fallen Bildpunkte weg. Ein nur einen Pixel breiter Umriss, Lichtpunkt oder Zwischenraum kann verschwinden, auch wenn die Kanten scharf bleiben. Prüfe das verkleinerte Ergebnis bei 100 % und korrigiere es bei Bedarf in einem Editor. Wiederholtes Verkleinern und Vergrößern bringt verlorene Details nicht zurück. Hier wird jede Änderung aus dem geladenen Original berechnet.

Du kannst ein statisches Spritesheet als einzelnes Bild skalieren. Bei einer ganzzahligen Vergrößerung bleiben die Proportionen von Einzelbildmaßen und Abständen erhalten. Dieses Tool teilt keine Einzelbilder auf, aktualisiert keinen Animationsatlas und exportiert keine Animation. Es akzeptiert statische PNG-, JPEG- und WebP-Bilder. Animierte Dateien in einem unterstützten Format werden auf das vom Browser dekodierte Standbild reduziert.

Fragen zum Skalieren von Pixel-Art

Wie vergrößere ich Pixel-Art, ohne dass sie unscharf wird?

Nutze das Nächster-Nachbar-Verfahren mit einem ganzzahligen Faktor wie 2× oder 4×. Jeder Originalpixel wird zu einem gleich großen Quadrat. Dieses Tool verwendet das Verfahren für alle Ausgabegrößen und exportiert eine verlustfreie PNG.

Kann ich eine genaue Breite und Höhe festlegen?

Ja. Wähle eigene Maße und gib die Größe in Pixeln ein. Bei gesperrtem Seitenverhältnis wird die andere Abmessung automatisch berechnet und auf einen ganzen Pixel gerundet. Hebe die Sperre auf, um Breite und Höhe unabhängig einzustellen. Unterschiedliche Skalierungsfaktoren verzerren das Bild.

Behält die PNG ihren transparenten Hintergrund?

Ja. Die Transparenz des Originals bleibt erhalten. Das Schachbrett hinter der Vorschau wird nicht mit heruntergeladen. Ein JPEG-Original enthält keine Transparenz; durch Skalieren wird sein Hintergrund daher nicht entfernt.

Kann ich Pixel-Art auch verkleinern?

Ja, indem du kleinere eigene Maße eingibst. Das Nächster-Nachbar-Verfahren mischt die ausgewählten Farben nicht. Beim Verkleinern gehen jedoch zwangsläufig Originalpixel verloren, sodass kleine Details verschwinden können. Prüfe das Ergebnis, bevor du es verwendest.

Welche Bildgrößen und Dateitypen werden unterstützt?

Unterstützt werden PNG-, JPEG- und WebP-Dateien bis 20 MB. Eingabe und Ausgabe sind auf 16 Millionen Pixel insgesamt und 8.192 Pixel je Seite begrenzt. Der Download ist eine statische PNG; GIF und animierte Exporte werden nicht unterstützt.

Verlässt das Bild mein Gerät?

Nein. Einlesen, Skalieren und Erstellen der PNG erfolgen lokal in deinem Browser. Das Bild wird nicht auf einen Server hochgeladen, und du musst dich nicht anmelden.

Feedback senden

Bug gefunden, Funktion vermisst oder einfach Hallo sagen? Wir lesen jede Nachricht.

Oder direkt per E-Mail: contact@makebead.com