Zurück zur Startseite
Sprite-Sheet-Generator – CSS-Sprites & Textur-Atlas
Fasse mehrere Bilder zu einem einzigen Sprite-Sheet zusammen und erhalte die exakten CSS-Hintergrundpositionen sowie eine JSON-Map im TexturePacker-Stil. Ideal für CSS-Sprites, Web-Icons und Spiel-Animations-Frames. Ordne neu an, lege Spalten und Abstände fest und lade dann das Sheet samt Koordinaten herunter. Kostenlos, privat und 100 % in deinem Browser.
Bilder zum Packen hochladen
Akzeptierte Formate: JPG, PNG, WEBP, BMP, GIF (nicht animiert)
Bild einfügen (Strg/⌘+V) oder ablegen — oder per URL importieren
Kombinieren Sie viele kleine Bilder zu einem einzigen Sprite-Sheet, um Ihre Website oder Ihr Spiel zu beschleunigen. Image Machine packt Ihre Icons oder Frames in Ihrem Browser in ein einziges Bild – kein Upload, kein Konto – sodass Sie sie in einer einzigen Anfrage bereitstellen können. Das Sheet wird auf Ihrem Gerät erstellt und Ihre Assets bleiben privat.
So funktioniert's
Werkzeug auswählen
Wähle aus 120+ Werkzeugen, um dein Bild zu skalieren, zu konvertieren, zu komprimieren oder zu verbessern.
Hochladen & bearbeiten
Ziehe dein Bild per Drag & Drop und passe die Einstellungen an. Es bleibt auf deinem Gerät.
Herunterladen
Speichere dein Ergebnis sofort – ohne Wasserzeichen, ohne Anmeldung.
Warum Image Machine?
Deine Dateien verlassen nie dein Gerät
Die gesamte Verarbeitung erfolgt lokal in deinem Browser. Deine Bilder werden nie auf einen Server hochgeladen.
Völlig kostenlos
Jedes Werkzeug ist kostenlos – ohne Limits, ohne Wasserzeichen und ohne versteckte Kosten.
Blitzschnell
Kein Warten auf den Upload – deine Bilder werden sofort auf deinem eigenen Gerät verarbeitet.
Professionelle Qualität
Pixelgenaue Ergebnisse mit voller Kontrolle über Format, Größe und Qualität.
Häufig gestellte Fragen
Wofür dient ein sprite sheet?
Ein sprite sheet führt viele kleine Grafiken – Symbole, Schaltflächen oder Animationsframes – zu einem Bild zusammen. Eine einzige Datei statt Dutzender zu laden, reduziert die Netzwerkanfragen, was Webseiten und Spiele beschleunigt.
Wie verwende ich das sprite sheet auf einer Website?
Zeigen Sie das kombinierte Bild an und verschieben Sie seine Position mit CSS background-position, um genau das benötigte Symbol darzustellen. Animations-Engines arbeiten genauso und durchlaufen die im sheet zusammengepackten Frames.
Geht beim Kombinieren von Bildern Qualität verloren?
Nein – jedes Bild wird in voller Auflösung in das sheet platziert. Exportieren Sie als PNG, um alles verlustfrei und mit Transparenz zu erhalten, was die Standardwahl für Symbole und UI-Sprites ist.