Générez vos sprites et fichiers CSS en un clic avec CSS Sprite Generator

Le 31/01/2019

Aujourd'hui nous vous proposons un outil qui n'est pas nouveau, mais qu'il faut connaître si vous avez l'habitude de générer à la main les sprites pour vos projets web.

CSS Sprite Generator : réalisez vos sprites en un clic

Vous connaissez peut-être l'outil en ligne CSS Sprite Generator, nous n'avons pas eu l'occasion de le présenter sur le blog, il est temps de rattraper cet oubli ! CSS Sprite Generator va vous aider en réalisant vos images sprites à partir de vos icônes et illustrations. L'utilisation d'un sprite est essentielle en intégration web afin de gagner du temps de travail et de chargement pour votre site.

L'outil se prend rapidement en main, il vous suffit de télécharger l'ensemble de vos images, icônes, badges ou illustrations, de choisir quelques paramètres selon vos besoins et le tour est joué ! Vous pouvez ensuite télécharger votre sprite et le fichier CSS qui l'accompagne avec toutes les bonnes valeurs pour afficher chaque élément. Chaque class CSS est nommé en fonction du nom du fichier source, ce qui garantit un code lisible et ordonné. Désormais vous n'aurez plus à calculer les background-position de chaque image !

Découvrez dès maintenant l'outil CSS Sprite Generator sur spritegen.website-performance.org