Combineer afbeeldingen tot een transparante CSS-sprite met een kant-en-klaar integratiepakket.
1
Upload en selecteer afbeeldingen
2
Kies de indeling, opvulling en CSS-grootte
3
Genereer en download PNG, CSS, JSON en een voorbeeld van HTML.
↑Kies BestandDrag & drop bestanden hier … (of klik om bestanden te selecteren)of plaats een archief met bestandenBestand uploaden
CSS sprite-generator online
Upload verschillende kleine afbeeldingen en combineer ze in één CSS sprite-blad. De generator maakt de uiteindelijke afbeelding en CSS posities voor elk bestand, zodat een pagina minder afbeeldingsverzoeken kan laden.
Gebruik deze voor pictogrammen, UI-items, oudere lay-outs, e-mailsjablonen en kleine webafbeeldingen. Voeg bestanden toe, rangschik ze in de juiste volgorde, bouw de sprite en kopieer de gegenereerde CSS.
✓Heb je een snelle tool nodig om sprites te maken van een reeks afbeeldingen?
✓Maak je een spel of wil je het laden van je site versnellen?
✓Bij de uitvoer ontvangt u een archief met sprite en stijlen voor snelle insluiting in uw applicatie.
✓Er is geen software-installatie op de computer vereist. Het enige wat u nodig heeft is een browser en internettoegang.
✓Werk is zowel beschikbaar vanaf een vaste pc als vanaf een tablet en laptop.
✓Uw gegevens zijn alleen voor u beschikbaar. Na een tijdje worden ze van de server verwijderd. Onze service slaat niets op.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Recensies worden vóór publicatie gecontroleerd. We publiceren oprechte positieve feedback en specifieke kritiek. Spam en beledigingen zonder bruikbare details worden niet gepubliceerd; godslastering en persoonlijke details worden gemaskeerd. Positieve stemmen worden onmiddellijk geteld; negatieve stemmen worden na beoordeling geteld.
Recensies weerspiegelen de ervaringen van gebruikers, geen garantie voor resultaten of een beschrijving van de servicelimieten. Gebruik de beoordelingsknoppen hierboven om een recensie achter te laten.
