Ein 128 × 64 Sprite-Sheet, unterteilt in acht 32 × 32-Frames, mit vergrößertem Charakter und klaren Pixelkanten durch Nearest-Neighbor-Darstellung.
Konstruiertes Utility-Beispiel: Ein Sheet mit 4 Spalten und 2 Zeilen wird zu acht 32 × 32 Frames. Integer Scaling vergrößert Pixelblöcke ohne Glättung.
DIREKTE ANTWORT

Warum das hier statt einer normalen Bildskalierung verwenden?

Weiche Interpolation kann Pixelkanten verwischen. Wähle hier 2×, 4× oder 8× Vergrößerung per Nearest Neighbor. Halte beide skalierten Abmessungen bei höchstens 8192 Pixeln: Jede Achse wird separat begrenzt, was das Seitenverhältnis und die exakte Skalierung verändern kann.

LIVE-WORKSPACE

Lokal arbeiten. Sauber exportieren.

Dieses Tool läuft in deinem Browser. Deine Dateien bleiben auf deinem Gerät und es werden keine Generierungs-Credits verbraucht.

Quelle & Einstellungen01
Ganzzahl-Skalierung
Private lokale Verarbeitung0 Credits
Wähle ein Bild zum Starten

Das Tool läuft lokal. Deine Grafik wird nicht hochgeladen und es werden keine Credits verwendet.

IM SPIEL

Sieh die Assets als Spiel.

Erkunde Gameplay, Handheld-Nutzung und abgestimmte Designs. Diese KI-generierten Konzepte zeigen visuelle Möglichkeiten; prüfe deine eigenen Assets und Engine-Imports vor dem Release.

KI-generiertes Draufsicht-Fotokonzept mit Händen, die eine neutrale Handheld-Konsole halten, auf deren Bildschirm ein türkisfarbener Ranger und ein Wald-RPG klar zu sehen sind.

Ein genauerer Blick auf das Spielen unterwegs

Sieh dir an, wie dieselbe Spielszene auf einem Handheld-Bildschirm wirkt – von der Figur bis zu den kleinsten Interface-Icons.

KI-generiertes Home-Play-Konzept mit Händen an Tastatur und Maus, während ein Wald-Pixel-RPG den großen Desktop-Monitor füllt.

Teste die Szene an deinem Schreibtisch

Sieh Figur, Welt und Interface gemeinsam in Desktop-Spielgröße.

Pixel-Art-Platformer-Konzept mit einer Figur in einem Schlosslevel, mit Plattformen, Umgebungs-Ebenen und Aktionseffekten.

Sprites in einem Side-Scrolling-Level

Prüfe, wie Animationsposen, Vordergrundhindernisse und Hintergrundkontrast die Action unterstützen.

Ein praktisches Beispiel

Demo ohne weiche Kanten skalieren

Nutze eine konkrete Eingabe, prüfe die Ausgabe und schau dir die aktuellen Grenzen an, bevor du den nächsten Schritt wählst.

Ein 128 × 64 Sprite-Sheet, unterteilt in acht 32 × 32-Frames, mit vergrößertem Charakter und klaren Pixelkanten durch Nearest-Neighbor-Darstellung.
Konstruiertes Utility-Beispiel: Ein Sheet mit 4 Spalten und 2 Zeilen wird zu acht 32 × 32 Frames. Integer Scaling vergrößert Pixelblöcke ohne Glättung.

Beispiel-Eingabe

Verwende die transparente 128 × 64-Demo-PNG unten als Quelle.

Was prüfen

  1. Lade das Demo-Sheet herunter und wähle es im Resizer aus.
  2. Wähle 4×. Die erwartete Ausgabe ist 512 × 256 Pixel; ein Quellpixel belegt einen 4 × 4-Block.
  3. Diagonale Kanten und transparente Bereiche prüfen und dann das PNG herunterladen.

Erwartete Ausgabe

Die 4×-Voreinstellung erzeugt eine scharfe 512 × 256-Kopie dieser 128 × 64-Quelle.

Aktuelle Limits

Verfügbar sind die Voreinstellungen 2×, 4× und 8×. Breite und Höhe der Ausgabe sind jeweils auf 8192 Pixel begrenzt, daher können bei zu großen Eingaben die gewünschte Skalierung oder die Proportionen verloren gehen.

Offizielle Workflow-Referenzen

Prüfe beim Vorbereiten deines eigenen Imports die Dokumentation der Engine oder des Editors. Diese Quellen beschreiben Datei- und Wiedergabeverhalten, keine Empfehlung für PixelBox.

Herausgeber und Support

Inhalt aktualisiert:

Veröffentlicht und gepflegt von LlamaGen. Diese Seite beschreibt die aktuellen PixelBox-Steuerungen und Exportformate. Wende dich an das Team bei falschen Angaben oder Exportproblemen.

01 / WARUM ES FUNKTIONIERT

Für die Produktion gemacht, nicht nur für Vorschauen.

01

Kein Weichzeichnen

Die Vergrößerung per Nearest Neighbor erhält harte Pixelkanten, solange die gewählte Größe innerhalb des Ausgabelimits bleibt.

02

Ganzzahl-Presets

Wähle 2×, 4× oder 8×. Ausgaben über 8192 Pixel auf einer Achse werden begrenzt, was das Seitenverhältnis verändern kann.

03

Lokale Verarbeitung

Dateien bleiben in deinem Browser und Transparenz bleibt erhalten.

02 / WORKFLOW

Vom Quellbild zum klar beschrifteten Ergebnis.

SCHRITT 01

Grafik hochladen

Wähle ein PNG-, WebP- oder JPG-Sprite, -Icon, -Kachel oder eine Szene.

SCHRITT 02

Eine Skalierung wählen

Wähle einen ganzzahligen Faktor und prüfe die tatsächlichen Ausgabemaße.

SCHRITT 03

PNG herunterladen

Exportiere eine scharfe, skalierte Kopie ohne Glättung.

03 / FAQ

Kläre die Begriffe, bevor du erstellst.

Warum Integer-Skalierung verwenden?

Ganzzahlige Multiplikatoren geben jedem Quellpixel dieselbe Ausgabegröße und verhindern ungleichmäßige Kanten.

Bleibt die Transparenz erhalten?

Ja. Transparente PNG- und WebP-Eingaben behalten ihren Alpha-Kanal in der PNG-Ausgabe.

Was passiert, wenn das skalierte Bild 8192 Pixel überschreitet?

Jede Ausgabedimension ist separat auf 8192 Pixel begrenzt. Dadurch kann sich das Seitenverhältnis ändern und das exakte Integer Scaling beeinträchtigt werden. Wähle eine kleinere Vorgabe oder eine kleinere Quelle, damit beide skalierten Dimensionen innerhalb des Limits bleiben.

Wurde mein Bild hochgeladen?

Nein. Die Größenänderung läuft vollständig in deinem Browser.

ALS NÄCHSTES IN DER PIPELINE

Keep building the same world.

Arbeite mit dem Tool weiter, das zu deinem nächsten Schritt passt: eine Referenz vorbereiten, Animations-Frames prüfen oder ein Atlas für deine Engine paketieren.