Convertisseur Image vers Sprite

Cet outil regroupe plusieurs images d’entrée en une seule atlas sprite et fournit des règles de style prêtes à l’emploi. Il prend en charge les mises en page en grille, horizontale et verticale, les marges optionnelles et les sorties Retina-ready. Conceptuellement, chaque image d’entrée reçoit un cadre dans l’atlas avec des coordonnées et des métadonnées de taille utilisées par CSS ou par le code pour rendre la portion correcte du sprite. L’outil produit une image sprite (PNG) ainsi que des classes CSS qui associent chaque image à une position d’arrière-plan dans l’atlas. Des options avancées incluent le rognage des marges transparentes, la sélection des dimensions par cadre et la génération d’un atlas JSON pour une recherche programmatique. Les utilisateurs typiques sont les développeurs frontend organisant une collection d’icônes ou des sprites UI, les développeurs de jeux assemblant des assets de tuiles et les designers livrant des packs d’icônes pour des apps web. Sa valeur réside dans la sélection automatique de layout, l’empaquetage déterministe et les métadonnées d’atlas alignées sur les moteurs web et jeux. Fonctions clés: mises en page grille/horizontale/verticale, padding par cadre, détection automatique de la taille des cellules, support Retina, sortie CSS et JSON. Cas d’utilisation: sprites d’icônes de site, packs d’icônes de barre d’outils et éléments UI nécessitant une unique requête réseau. L’outil met l’accent sur exactitude et reproductibilité: avec les mêmes entrées et paramètres, l’atlas et le CSS restent identiques à travers les builds, facilitant le cache et la gestion des versions.