Aller au contenu principal

Générateur de sprites CSS

Fusionnez plusieurs petites icônes en une seule feuille de sprites avec le CSS de position associé.

Comment ça marche

  1. 1Sélectionnez au moins deux images et vérifiez leur ordre.
  2. 2Choisissez la disposition, l’espacement, la marge, le fond et le format.
  3. 3Modifiez la classe CSS de base et les noms individuels, puis déplacez ou retirez les images.
  4. 4Générez le sprite, vérifiez l’aperçu PNG/WebP et copiez le CSS ou le HTML.
  5. 5Téléchargez le pack contenant l’image, la feuille CSS et le balisage d’exemple.

À propos de cet outil

Créez dans le navigateur une feuille CSS sprite avec espaces, fond, classes sûres et sorties CSS/HTML prêtes à intégrer.

Questions Fréquentes