css-sprit.es, un très bon webware pour créer vos sprites
L’optimisation des sites web est un sujet récurent, traité maintes fois et sur de nombreux sites. Malgré tout elle reste essentielle pour exister sur le web.
Le grand Google s’y met même depuis quelques mois, et nous promet un meilleur classement dans son moteur si notre site est rapide.
Sans compter les utilisateurs eux-même, qui sont de moins en moins patients sur le web.
La performance est donc au centre de l’usabilité du web, mais aussi de notre portefeuille puisque en optimisant vos sites, vous pourrez peut-être vous contenter d’un serveur moins puissant.
L’une des techniques les plus utilisées est l’utilisation des Sprites CSS pour supprimer de nombreuses requêtes inutiles. Grosso modo cela consiste à réunir vos images en une seule et donc à n’en télécharger qu’une. Pour en savoir plus, lisez l’article de monsieur castor Fred sur Weedle.
Css-sprit.es est un webware qui permet de créer des sprites CSS très facilement.
Doté d’une interface très claire, ce webware présente des fonctionnalités avancées tout à fait intéressantes.
Par exemple il est possible d’obtenir ses sprites en CSS mais également en SASS (une méta-syntaxe structurée et améliorée pour obtenir des CSS légères).
Il est même possible de « coder » des effets sur les images au passage de la souris (rollover) :
Une fois le traitement appliqué, vous obtiendrez votre image, votre code CSS (ou SASS) et même le code HTML à utiliser :
Mieux, si vous avez déjà une image sprites et que vous avez perdu le code CSS (ou si vous l’avez volé sur un autre site ), il vous est possible de le récréer :
La vidéo suivante vous montre le processus de recréation :
En conclusion, un excellent webware gratuit pour réaliser ses sprites sans peine et rapidement.
Utilisez Css-sprit.es