Compresseur de police d'icônes

• Compression instantanée des polices d'icônes dans votre navigateur : compressez les polices d'icônes Font Awesome, Material Icons et Bootstrap Icons directement dans le navigateur - sans envoi à un serveur, sans traitement cloud. Notre compresseur de police d'icônes reconstruit la table de caractères instantanément en JavaScript pur.
• Compresseur de police d'icônes en ligne sécurisé : vos fichiers de police ne quittent jamais votre appareil lorsque vous les compressez. Un traitement 100 % côté client garantit une confidentialité totale - pas de stockage cloud, pas de journaux serveur, aucune exposition des données de police.
• Compresseur de police d'icônes sans installation : compressez les polices d'icônes directement dans le navigateur sans logiciel à télécharger, sans plugin et sans compte. Fonctionne sur tout navigateur moderne et tout système d'exploitation - sans inscription.
• Compatible Font Awesome, Material Icons et plus : préréglages intégrés pour Font Awesome 5/6, Material Icons et Bootstrap Icons - ou collez n'importe quels points de code Unicode personnalisés. Accepte les formats d'entrée TTF, OTF et WOFF et produit un fichier WOFF compressé.

• Optimisation des Core Web Vitals et de la vitesse de page : Font Awesome 6 Free dépasse 800 Ko, alors que la plupart des sites utilisent moins de 50 icônes. Compressez la police d'icônes pour ne garder que les icônes utilisées et supprimer les avertissements PageSpeed « Reduce unused CSS » et « Avoid large network payloads ».
• Optimisation des applications React, Vue et Angular : compressez les polices d'icônes dans les applications monopage pour réduire la taille du bundle initial. Des polices d'icônes plus légères se chargent plus vite et améliorent les scores Time to Interactive (TTI) et Largest Contentful Paint (LCP).
• Polices d'icônes pour modèles d'e-mails : compressez les polices d'icônes utilisées dans les modèles d'e-mails HTML pour ne conserver que les icônes référencées dans le modèle. Des fichiers plus légers se chargent plus vite dans les clients de messagerie compatibles @font-face et améliorent la vitesse d'affichage.
• Performance e-commerce et landing pages : compressez les polices d'icônes des pages produit et des landing pages pour réduire le poids de la page. Une police d'icônes compressée à 20 icônes est généralement 95 % plus légère que la bibliothèque Font Awesome complète.
• Performance web mobile : compressez les polices d'icônes pour la diffusion web mobile afin de réduire la consommation de données en 3G/4G. Des polices d'icônes plus légères sont essentielles aux Core Web Vitals sur mobile, où le chargement des polices est un goulot d'étranglement fréquent du LCP.
• Diffusion de polices d'icônes personnalisées : compressez vos polices d'icônes personnalisées avant de les diffuser dans des design systems et des bibliothèques de composants. Ne livrer que les icônes utilisées dans le design system réduit le poids de la police pour chaque application consommatrice.

Les polices d'icônes comme Font Awesome, Material Icons et Bootstrap Icons contiennent des milliers de glyphes, mais la plupart des sites en utilisent moins de 50. La compression de police d'icônes (aussi appelée sous-ensemble de police) supprime les glyphes inutilisés du fichier pour produire un fichier bien plus léger ne contenant que les icônes réellement utilisées. Notre compresseur de police d'icônes fonctionne en reconstruisant la table cmap de la police - la table de caractères qui associe les points de code Unicode aux identifiants de glyphes - pour n'inclure que les points de code que vous spécifiez. C'est une approche sûre dans le navigateur qui produit un fichier WOFF valide sans nécessiter d'outils côté serveur.

1. 1 Importez votre police d'icônes : glissez-déposez un fichier de police d'icônes TTF, OTF ou WOFF. La police est lue comme ArrayBuffer binaire dans votre navigateur - aucune donnée n'est envoyée à un serveur. L'outil analyse le répertoire de tables sfnt et la table cmap de la police pour construire une correspondance complète entre points de code et glyphes.
2. 2 Saisissez les points de code à conserver : collez les points de code Unicode des icônes utilisées (par exemple f000, f001, f002). Utilisez les préréglages intégrés Font Awesome, Material Icons ou Bootstrap Icons comme point de départ. L'outil indique combien de points de code ont été détectés avant le traitement.
3. 3 Téléchargez la police WOFF compressée : le compresseur de police d'icônes reconstruit la table cmap avec seulement les points de code demandés et empaquette le résultat au format WOFF. Le panneau de résultats affiche la taille d'origine, la taille de sortie, le pourcentage de réduction et les points de code introuvables dans la police.

• Table cmap (table de caractères) : reconstruite pour ne contenir que les points de code demandés - c'est la principale source de réduction de taille. Une cmap Font Awesome complète mappe plus de 2000 points de code ; un sous-ensemble de 30 icônes n'en mappe que 30.
• Conteneur WOFF : la sortie est empaquetée au format WOFF (Web Open Font Format) avec un en-tête compact et un répertoire de tables - plus léger que le conteneur TTF d'origine, quel que soit le sous-ensemble.
• Contours de glyphes (partiel) : tous les contours de glyphes sont conservés dans la sortie - les navigateurs n'affichent pas les glyphes inaccessibles, mais les tables glyf/loca ne sont pas réécrites. Pour une réduction maximale, utilisez pyftsubset après cet outil.
• Métadonnées et tables inutilisées : toutes les tables sfnt sont conservées pour la compatibilité. La reconstruction de la cmap est l'approche de sous-ensemble sûre et compatible navigateurs, qui fonctionne sans WASM ni traitement côté serveur.

Le compresseur de police d'icônes reconstruit la table cmap pour ne mapper que les points de code demandés - il ne supprime pas les contours de glyphes des tables glyf et loca. Le fichier de sortie est donc plus léger que l'original (grâce à la cmap réduite et à l'allègement du conteneur WOFF), mais pas autant qu'un sous-ensemble complet au niveau des glyphes. Pour une compression maximale, utilisez un outil côté serveur comme pyftsubset (de fonttools) ou glyphhanger après avoir téléchargé la police WOFF depuis cet outil. Les fichiers d'entrée WOFF sont pris en charge mais doivent utiliser un stockage de tables non compressé (compLength = origLength).