CSS-Sprite-Generator
Fügen Sie mehrere kleine Icons zu einem Sprite-Sheet zusammen und erhalten Sie das passende CSS.
Ähnliche Tools
So funktioniert es
- 1Wählen Sie mindestens zwei Bilder und prüfen Sie die Reihenfolge.
- 2Legen Sie Anordnung, Abstand, Innenabstand, Hintergrund und Ausgabeformat fest.
- 3Bearbeiten Sie CSS-Basisklasse und einzelne Klassennamen oder verschieben/entfernen Sie Assets.
- 4Erstellen Sie das Sprite, prüfen Sie die PNG/WebP-Vorschau und kopieren Sie CSS oder HTML.
- 5Laden Sie das Paket mit Bild, Stylesheet und Beispiel-Markup herunter.
Über dieses Tool
Erstellen Sie lokal im Browser ein CSS-Sprite mit Layout, Abständen, Hintergrund, sicheren Klassen und HTML-Ausgabe.