CSS generatore di sprite online

Carica diverse piccole immagini e combinale in un unico foglio sprite CSS. Il generatore crea l'immagine finale e le posizioni CSS per ciascun file, in modo che una pagina possa caricare meno richieste di immagini.

Utilizzalo per icone, risorse dell'interfaccia utente, layout legacy, modelli email e piccola grafica web. Aggiungi i file, disponili nell'ordine corretto, costruisci lo sprite e copia il CSS generato.

✓ Crea uno sprite CSS da più immagini in pochi passaggi.

✓ Riduci il numero di richieste grafiche e prepara icone o piccoli asset per il sito.

✓ Il risultato include il foglio sprite e gli stili CSS con le posizioni corrette.

✓ Non serve installare software: carica le immagini e genera tutto dal browser.

✓ Lo strumento è utile per interfacce, set di icone, giochi leggeri e prototipi.

✓ I file temporanei vengono rimossi automaticamente dopo un po' di tempo.

Supported formats

This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.

Images

APNG AVIF BMP DDS DPX EXR FITS FTS GIF HDR HEIC HEIF ICO J2C J2K JPC JPE JPEG JPG JP2 JPF JPM JPS JXL MJ2 PAM PBM PCX PGM PNG PNM PPM PSD TGA TIF TIFF WBMP WEBP SVG

A damaged file or a non-standard codec can still fail even when the extension is supported.