Compresseur de sprites d'images

• Compression de sprites d'images instantanée dans votre navigateur : compressez vos feuilles de sprites CSS instantanément dans votre navigateur grâce à la quantification de palette par coupure médiane — sans envoi vers un serveur, sans traitement cloud, sans attente. Le compresseur de sprites d'images traite votre PNG entièrement sur votre appareil en quelques secondes.
• Compresseur de sprites d'images en ligne sécurisé : votre feuille de sprites ne quitte jamais votre appareil. Le compresseur de sprites d'images s'exécute entièrement dans votre navigateur — aucun envoi vers un serveur, aucune transmission de données, 100 % privé. Sûr pour les ressources d'interface propriétaires, les jeux d'icônes et les feuilles de sprites de production.
• 5 tailles de palette pour un contrôle précis : le compresseur de sprites d'images propose cinq tailles de palette, de 16 à 256 couleurs — choisissez le bon équilibre entre taille de fichier et qualité visuelle. Les feuilles de sprites CSS à icônes plates sont généralement identiques visuellement à 64-128 couleurs, avec une réduction de taille de 30 à 60 %.
• Compresseur de sprites d'images en ligne sans installation : compressez vos feuilles de sprites CSS directement dans votre navigateur, sans téléchargement de logiciel, sans plugin et sans compte. Fonctionne sur tout navigateur moderne sous Windows, macOS et Linux.

• Optimisation des performances de sites web hérités : compressez les feuilles de sprites CSS utilisées sur les sites web anciens pour réduire la charge utile des requêtes HTTP. Le compresseur de sprites d'images réduit la taille des PNG de sprites de 30 à 60 % grâce à la quantification de palette — améliorant les temps de chargement sans modifier la disposition des sprites ni les valeurs CSS background-position.
• Optimisation des sprites de thèmes WordPress : compressez les feuilles de sprites utilisées dans les thèmes et extensions WordPress pour améliorer les scores PageSpeed Insights. Le compresseur de sprites d'images fonctionne avec tout sprite PNG — importez le sprite, choisissez une taille de palette et remplacez le fichier d'origine dans le dossier d'assets de votre thème.
• Compression des sprites d'icônes de thèmes Shopify : réduisez la taille des feuilles de sprites d'icônes utilisées dans les thèmes Shopify pour accélérer le chargement de la boutique. Le compresseur de sprites d'images est idéal pour les sprites d'icônes à couleurs plates — 64 couleurs produisent généralement une sortie visuellement identique avec un fichier 40 à 50 % plus petit.
• Optimisation des ressources de bibliothèques de composants UI : compressez les feuilles de sprites d'icônes utilisées dans les bibliothèques de composants et systèmes de design avant de les publier sur npm. Le compresseur de sprites d'images réduit la taille de téléchargement des ressources image de votre paquet sans nécessiter de pipeline de traitement d'images à la compilation.
• Compression de feuilles de sprites pour jeux : compressez les feuilles de sprites des jeux web et applications interactives pour réduire le temps de chargement initial. Le compresseur de sprites d'images préserve la transparence et les dimensions — le sprite compressé fonctionne comme remplacement direct de l'original.
• Migration d'anciennes configurations de sprites : compressez les feuilles de sprites CSS existantes dans le cadre d'un audit de performance avant de migrer vers des icônes SVG ou des fontes d'icônes. Le compresseur de sprites d'images vous aide à quantifier les économies de taille réalisables avec l'approche actuelle par sprites face à l'effort d'une migration complète.

Une feuille de sprites CSS est une image PNG unique contenant plusieurs images plus petites (icônes, boutons, éléments d'interface) disposées en grille. Les règles CSS background-position affichent chaque sprite individuellement en décalant l'image d'arrière-plan. Les feuilles de sprites réduisent le nombre de requêtes HTTP, mais peuvent être des fichiers PNG volumineux. Notre compresseur de sprites d'images réduit la taille de la feuille de sprites grâce à la quantification de palette par coupure médiane — un algorithme qui réduit le nombre de couleurs uniques de l'image de plusieurs millions à une palette fixe (16-256 couleurs), puis réencode le PNG. C'est la même technique que celle utilisée par des outils comme pngquant et ImageOptim, implémentée entièrement dans votre navigateur via l'API Canvas.

1. 1. Importez votre feuille de sprites : glissez-déposez votre feuille de sprites PNG sur la zone de dépôt ou cliquez pour parcourir. L'image est chargée dans l'API Canvas du navigateur — aucune donnée n'est envoyée à un serveur. Les formats PNG, GIF, BMP et WebP sont pris en charge.
2. 2. Choisissez une taille de palette et cliquez sur « Compresser le sprite » : le compresseur échantillonne les pixels de l'image, construit une palette optimale par quantification médiane, associe chaque pixel à la couleur de palette la plus proche et réencode le résultat en PNG. Le traitement s'exécute entièrement dans votre navigateur.
3. 3. Téléchargez le sprite compressé : le PNG compressé se télécharge automatiquement. Le panneau de résultats affiche la taille d'origine, la taille compressée et le pourcentage de réduction. Utilisez « Télécharger à nouveau » si nécessaire. Remplacez le fichier de sprite d'origine dans votre projet — aucun changement CSS n'est nécessaire.

• Palette de couleurs : le nombre de couleurs uniques passe de plusieurs millions (PNG 24 bits) à la taille de palette sélectionnée (16-256 couleurs). Chaque pixel est associé à la couleur de palette la plus proche selon la distance euclidienne dans l'espace RVB.
• Encodage PNG : le PNG réencodé utilise le mode couleur indexé (basé sur palette) au lieu du true color, ce qui se compresse nettement mieux avec DEFLATE — l'algorithme de compression utilisé à l'intérieur des fichiers PNG.
• Transparence préservée : les valeurs du canal alpha sont préservées lors de la quantification — les pixels transparents et semi-transparents du sprite d'origine sont conservés dans la sortie compressée.
• Dimensions inchangées : la largeur et la hauteur de l'image sont identiques à l'original — le sprite compressé est un remplacement direct qui fonctionne avec les règles CSS background-position existantes sans aucun changement.

Pour les sprites d'icônes à couleurs plates (icônes d'interface, de navigation, de réseaux sociaux), 64 couleurs produisent généralement une sortie visuellement identique avec un fichier 40 à 50 % plus petit. Pour les sprites avec dégradés ou issus de photos, utilisez 128 ou 256 couleurs afin d'éviter un effet de bandes de couleur visible. Si vous voyez des artefacts de couleur dans la sortie compressée, augmentez la taille de la palette. Le compresseur de sprites d'images affiche les économies exactes en octets pour chaque taille de palette, vous permettant de trouver le réglage optimal pour votre feuille de sprites spécifique.