Kombinera bilder till en transparent CSS-sprite med ett färdigt att använda integrationspaket.
1
Ladda upp och välj bilder
2
Välj arrangemang, stoppning och CSS-storlek
3
Generera och ladda ned PNG, CSS, JSON och en HTML förhandsvisning
↑Välj ArkivDra och släpp filer här ... (eller klicka för att välja filer)eller släpp ett arkiv med filerLadda upp fil
CSS spritegenerator online
Ladda upp flera små bilder och kombinera dem till ett CSS spriteark. Generatorn skapar den slutliga bilden och CSS positioner för varje fil, så att en sida kan ladda färre bildförfrågningar.
Använd den för ikoner, UI-tillgångar, äldre layouter, e-postmallar och liten webbgrafik. Lägg till filer, ordna dem i rätt ordning, bygg spriten och kopiera den genererade CSS.
✓Behöver du ett snabbt verktyg för att skapa sprites från en uppsättning bilder?
✓Skapar du ett spel eller vill påskynda laddningen av din webbplats?
✓Vid utgången får du ett arkiv med sprite och stilar för snabb inbäddning i din applikation.
✓Ingen mjukvaruinstallation krävs på datorn. Allt du behöver är en webbläsare och internetåtkomst.
✓Arbete är tillgängligt både från en stationär PC och från en surfplatta och laptop.
✓Dina uppgifter är endast tillgängliga för dig. Efter ett tag raderas de från servern. Vår tjänst lagrar ingenting.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Recensioner kontrolleras före publicering. Vi publicerar genuin positiv feedback och specifik kritik. Spam och förolämpningar utan användbara detaljer publiceras inte; svordomar och personliga uppgifter är maskerade. Positiva röster räknas omedelbart; negativa röster räknas efter granskning.
Recensioner återspeglar användarnas upplevelser, inte en garanti för resultat eller en beskrivning av tjänstegränserna. Använd betygsknapparna ovan för att lämna en recension.
