CSS-Sprite-Sheet erstellen

Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.

sprite.png mit allen Bildern in einem Raster gleich grosser Zellen (grösste Breite × grösste Höhe), sprite.css mit einer Basisklasse und je einer Klasse pro Bild mit width, height und background-position, sowie sprite.json mit x/y/Breite/Höhe jedes Sprites für Build-Werkzeuge oder Spiele.

Nein, jedes Symbol behält seine exakten Pixel – Sprites müssen pixelgenau sein. Unterschiedlich grosse Symbole sitzen oben links in ihrer Zelle; das CSS nutzt die eigene Breite und Höhe jedes Symbols, es scheint also nichts anderes durch.

In der Reihenfolge der Dateiliste – so, wie du sie hinzugefügt hast. Entferne eine Datei und füge sie erneut hinzu, um sie ans Ende zu setzen. Alle Dateien ergeben ein Ergebnis; lege neue Dateien ab, um von vorn zu beginnen.