Créer une feuille de sprites CSS

Non. La conversion se fait entièrement dans votre navigateur. Le fichier ne quitte jamais votre appareil – aucun serveur ne peut le voir. Une fois la page chargée, l'outil fonctionne même hors ligne.

sprite.png avec toutes les images sur une grille de cellules égales (plus grande largeur × plus grande hauteur), sprite.css avec une classe de base et une classe par image définissant width, height et background-position, et sprite.json avec x/y/largeur/hauteur de chaque sprite pour les outils de build ou les jeux.

Non, chaque icône garde ses pixels exacts – les sprites doivent être précis au pixel. Les icônes de tailles différentes se placent en haut à gauche de leur cellule ; le CSS utilise la largeur et la hauteur propres à chaque icône, rien d'autre n'apparaît donc.

Dans l'ordre de la liste de fichiers – celui dans lequel vous les avez ajoutés. Retirez un fichier et ajoutez-le à nouveau pour le placer à la fin. Tous les fichiers forment un seul résultat ; déposez un nouveau lot pour recommencer.