Pixel-Art-Upscaler - ganzzahlig skalieren mit scharfen Kanten
Vergrößere Pixelkunst um das 1- bis 20-Fache mit Nearest-Neighbor-Abtastung: Jedes Kästchen wird ein größeres Quadrat, ohne Interpolation und ohne weiche Kanten.
Bild hier ablegen · Unterstützt Vergrößerung von 1-20x
- 1–20
- stufenlose Vergrößerung
- 0
- Uploads (läuft im Browser)
Was der Upscaler macht
Ein Pixel-Art-Upscaler kopiert jeden vorhandenen Pixel in einen N×N-Block derselben Farbe, sodass die Ausgabe N-mal größer ist, während der Inhalt Pixel für Pixel gleich bleibt. Dieses Verfahren heißt Nearest-Neighbor-Abtastung: Es vervielfacht, es mischt nicht, deshalb bleiben die Kanten jedes Quadrats gerade.
Normales Vergrößern arbeitet mit bilinearer oder bikubischer Interpolation, berechnet Zwischenfarben aus benachbarten Pixeln und weicht damit jede Kante auf. Lässt man Pixelkunst durch so ein Verfahren laufen, bekommen klare Farbflächen einen Hof aus Zwischentönen; um wieder einen Pixel-Look zu erhalten, muss das Bild erneut quantisiert werden. Weil der Schaden in jeder weiteren Kopie steckt, lohnt es sich, ein unangetastetes Original zu behalten und nur von dieser Datei zu skalieren, statt einen bereits skalierten Screenshot zu vergrößern.
Technische Daten und Grenzen
Vier Punkte bestimmen, wie sich die Vergrößerung verhält:
| Verfahren | Nearest-Neighbor-Vervielfachung in ganzzahligen Stufen, ohne Zwischenfarben. |
|---|---|
| Skalenbereich | 1x bis 20x, nur ganze Zahlen. 1x eignet sich zum Vergleich mit dem Ausgangsbild; 2x, 4x und 8x decken die meisten Anzeigebedürfnisse ab. |
| Maximale Kantenlänge | Begrenzt durch die Arbeitsfläche des Browsers: 32767 Pixel pro Seite, sinkend auf 16384 Pixel, wenn die größere Größe nicht verfügbar ist. |
| Ausgabe | Ein PNG mit erhaltenem Alphakanal, benannt nach dem Skalierungsfaktor (zum Beispiel upscaled-4x). |
Das Limit gilt pro Seite, nicht für die Gesamtfläche: Ein Bild mit 1000×1000 wird bei 20x zu 20000×20000 und liegt über dem Rückfallwert 16384, deshalb solltest du zuerst die Quelle verkleinern oder den Faktor senken.
Skalierungsfaktoren und Ausgabegrößen
Die Kantenlänge der Ausgabe ist die Kantenlänge der Eingabe mal dem Faktor. Die Tabelle stellt gängige Faktoren drei Eingabegrößen gegenüber, damit du den Speicherbedarf vorher abschätzen kannst:
| Faktor | Eingabe 16×16 | Eingabe 32×32 | Eingabe 64×64 |
|---|---|---|---|
| 2× | 32×32 | 64×64 | 128×128 |
| 4× | 64×64 | 128×128 | 256×256 |
| 8× | 128×128 | 256×256 | 512×512 |
| 10× | 160×160 | 320×320 | 640×640 |
| 20× | 320×320 | 640×640 | 1280×1280 |
Verdoppelt sich die Kantenlänge, vervierfacht sich die Pixelzahl. Bei 20x ist die Seite 20-mal länger, die Pixelzahl aber 400-mal größer, und genau dort entstehen die Grenzen von Arbeitsfläche und Arbeitsspeicher.
Fünf Schritte zum Vergrößern eines Bildes
- 1
Bild auswählen oder ablegen
Gängige Bildformate werden angenommen. Nimm lieber das originale Pixel-Asset als einen Screenshot: Screenshots wurden meist von einer Plattform komprimiert und neu abgetastet, deshalb ergeben sie beim Vergrößern ungleichmäßige Blöcke.
- 2
Skalierungsfaktor festlegen
Beginne bei 1x, um den Ausgangszustand zu prüfen, und erhöhe den Faktor dann bis zur benötigten Anzeigegröße. Nur ganzzahlige Faktoren halten jeden Quellpixel gleich groß; ein Bruchfaktor erzeugt Spalten und Reihen mit unterschiedlicher Breite.
- 3
Quelle und Ergebnis vergleichen
Betrachte Quelle und Ergebnis nebeneinander und prüfe, ob die Kanten saubere rechte Winkel zeigen statt grauer Säume. Sichtbare weiche Übergänge bedeuten, dass die Quelle schon früher interpoliert wurde; geh dann zur Originaldatei zurück, statt einen Screenshot zu vergrößern, der sein Raster verloren hat.
- 4
Größenlimit prüfen
Multipliziere die Kantenlänge der Quelle mit dem Faktor. In der Nähe von 16384 oder 32767 senkst du zuerst den Faktor. Übersteigt das Ziel das Limit der Arbeitsfläche, meldet das Werkzeug das, statt ein leeres Bild zu erzeugen.
- 5
PNG herunterladen
Das heruntergeladene PNG behält die Transparenz und lässt sich direkt in Designdateien, Dokumente oder ein Spielprojekt übernehmen. Willst du den Pixelinhalt selbst ändern, geh damit zurück in den Pixel-Art-Generator oder in den Editor.
Geeignete und ungeeignete Quellen
Gut: Symbole und Pixelfiguren
Symbole, Sprites und Figuren von 16×16 bis 64×64 bleiben nach dem Vergrößern hartkantige Quadrate, was für Anzeigebilder, Illustrationsbeispiele in Anleitungen und Druckvorlagen passt. Halte die Quelldatei klein und vergrößere sie erst ganz zum Schluss, denn wer zuerst skaliert und dann bearbeitet, setzt jeden Pinselstrich auf einen 20×20-Block statt auf einen einzelnen Pixel.
Gut: Screenshots von Perlenvorlagen
Vergrößerst du ein exportiertes Vorlagenbild, wachsen Rasterlinien und Farbflächen gemeinsam, was beim Projizieren oder beim Anheften an die Wand während des Steckens hilft. Für ein neues Layout exportierst du besser erneut aus dem Editor, statt einen Screenshot zu vergrößern.
Schlecht: Fotos und Verläufe
Ein Foto hat kein echtes Pixelraster, deshalb entstehen beim Vergrößern nur große Farbblöcke, und das Detail kommt nie zurück. Für einen Pixel-Look reduzierst du zuerst im Pixel-Art-Generator die Auflösung und quantisierst die Farben.
Verwandte Seiten
Häufig gestellte Fragen
Warum ist das Ergebnis noch blockig statt schärfer?
Pixelkunst gewinnt ihre Klarheit aus Blockkanten, nicht aus zusätzlichem Detail. Nearest-Neighbor-Vergrößerung kopiert jeden Block größer, deshalb wirkt sie scharf, kann aber keine Pixel erfinden, die die Quelle nie hatte. Mehr Detail erfordert ein Neuzeichnen oder eine erneute Umwandlung auf einem feineren Raster, nicht einen größeren Multiplikator.
Wie hoch ist der maximale Skalierungsfaktor?
1x bis 20x, nur ganze Zahlen. Bruchfaktoren würden verschiedene Quellpixel in unterschiedlich breite Spalten kopieren und ungleichmäßige Kästchen erzeugen, deshalb werden sie nicht angeboten. Für Anzeigezwecke reichen meist 4x oder 8x.
Warum meldet das Werkzeug ein Limit der Arbeitsfläche?
Eine Arbeitsfläche im Browser unterstützt rund 32767 Pixel pro Seite, manche Umgebungen nur 16384. Die Ausgabeseite ist die Quellseite mal dem Faktor, jenseits dieses Werts lässt sich kein Speicher mehr belegen, und das Werkzeug stoppt mit einer Meldung, statt ein unvollständiges Bild zu exportieren. Senke den Faktor, teile die Quelle in Kacheln auf oder schneide sie vorher zu.
Bleibt der transparente Hintergrund erhalten?
Ja. Die Vergrößerung kopiert Pixelfarben samt Alpha, deshalb behält das exportierte PNG seine Transparenz und lässt sich über alles legen. Hat die Quelle halbtransparente Ränder, werden auch diese Pixel zu vollen Quadraten, nur mit derselben teilweisen Deckkraft.
Kann ich das vergrößerte Bild als Perlenvorlage nutzen?
Nein. Skalieren ändert nur die Abmessungen; die Kästchen tragen keine Farbnummern, keine Farbtabelle und keine Perlenzahlen, deshalb lässt sich eine daraus gebaute Vorlage nicht gegen die Perlen prüfen, die du besitzt. Zum Stecken quantisierst du das Bild im Perlenvorlagen-Generator auf eine Markenpalette oder öffnest eine vorhandene Vorlage im Editor und liest dort ihre Nummern und Summen, bevor du etwas kaufst.
Wird mein Bild irgendwohin hochgeladen?
Nein. Laden, Skalieren und Herunterladen laufen im Browser auf einer Arbeitsfläche, die Datei verlässt dein Gerät also nie, und nach dem Schließen der Seite bleibt keine Kopie zurück. Große Bilder belegen lokalen Arbeitsspeicher, deshalb können hohe Faktoren eine Speichermeldung auslösen.
In welchem Format kommt der Download?
Als PNG, mit dem Faktor im Dateinamen, etwa upscaled-4x, damit verschiedene Versionen eines Bildes unterscheidbar bleiben. Brauchst du JPG oder WebP, wandelst du den Download anschließend um; denk daran, dass JPG keine Transparenz speichern kann und rund um harte Farbblöcke Kompressionsartefakte hinzufügen kann, genau das, was Pixelkunst nicht will.
Sind ausgefranste Kanten ein Fehler?
Nein. Ausgefranste Kanten sind die Pixelblöcke selbst und gehören zum erwarteten Aussehen von Pixelkunst. Aufmerksamkeit verdient dagegen ein grauer Saum oder Verlauf an einer Kante, denn das heißt, die Quelle wurde früher interpoliert; geh vor dem Vergrößern zu einem unkomprimierten Original zurück.
Bild zum Vergrößern auswählen
Pixelkunst im Browser mit Nearest-Neighbor-Abtastung 1x bis 20x vergrößern und als transparentes PNG exportieren, ohne das Ausgangsbild hochzuladen.
Zuerst ein Foto in Pixelkunst umwandeln