• A la une
  • Catégories
  • Dossiers
  • +

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

par Vincent Ginetle 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

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir