SVG Color Replacer

Oui. Le remplacement de couleur SVG met à jour le remplissage et le contour ensemble, de sorte que les contours et les intérieurs restent alignés. Si vous n'en voulez qu'un, dupliquez le fichier et exécutez le remplacement de couleur SVG avec différentes options afin de pouvoir comparer les résultats entre les variantes. Pour un thème cohérent, choisissez les couleurs du même jeu de jetons que vous utilisez dans votre interface utilisateur et testez sur des arrière-plans clairs et sombres.

currentColor indique au SVG d'hériter de la couleur CSS de son parent. Le remplaçant de couleur SVG peut changer toutes les couleurs unies en currentColor afin que les icônes répondent aux jetons de thème. Associez la sortie du remplacement de couleur SVG aux variables CSS pour une thématique cohérente entre les composants. Si vous utilisez des variables CSS, la sortie héritera automatiquement des mises à jour sans modifier à nouveau le SVG. Cela fonctionne bien avec les composants d'icônes qui acceptent un accessoire de couleur.

Oui. Le remplacement de couleur SVG ne conserve aucune valeur inchangée afin que les formes transparentes restent transparentes. Si vous voyez des remplissages inattendus, recherchez les styles en ligne qui remplacent les attributs avant d'exécuter à nouveau le remplacement de couleur SVG. Si vous comptez sur les largeurs de trait pour l'alignement, vérifiez l'aperçu après le remplacement pour confirmer qu'il n'y a pas de décalage visuel.

Le remplaçant de couleur SVG remplace uniquement les valeurs solides. Les dégradés et les motifs restent tels que définis, ce qui préserve les illustrations complexes. Si vous avez besoin de modifications de dégradé, ajustez-les dans un outil de conception, puis exécutez le remplacement de couleur SVG pour les solides restants. Les motifs et les dégradés incluent souvent plusieurs arrêts, leur manipulation en amont évite donc les teintes incohérentes. Si vous avez besoin d'un aspect unifié, ajustez les couleurs d'arrêt dans votre outil de conception et exportez à nouveau.

Non. Le remplacement de couleur SVG s'exécute localement, de sorte que les ressources ne quittent jamais votre appareil. Ce flux de remplacement de couleurs local SVG est sans danger pour les icônes de marque, l'interface utilisateur du produit et les bibliothèques client, et fonctionne même avec des politiques de réseau d'entreprise strictes. Le traitement local évite également les limites de taille de fichier imposées par les services de téléchargement et simplifie la conformité.

Oui. Après avoir utilisé le remplacement de couleur SVG, exécutez l'optimisation pour réduire les octets. Le remplacement de couleur SVG modifie uniquement les couleurs, donc l'optimisation et la minification sont toujours utiles pour la taille et les performances, en particulier sur les grands jeux d'icônes. Exécutez un aperçu rapide après l'optimisation pour confirmer que les bords restent nets et que la transparence est préservée.

Les styles en ligne sont traités de la même manière que les attributs, de sorte que les couleurs unies sont remplacées de manière cohérente. Si vous souhaitez plus de contrôle, convertissez les styles en attributs dans votre fichier source avant de remplacer les couleurs. Si les styles sont définis dans une balise de style, envisagez d'abord de les déplacer en ligne pour des résultats prévisibles. Les attributs de présentation remplacent généralement les styles hérités, alors soyez cohérent dans votre source. Ceci est particulièrement utile lorsque les icônes proviennent de plusieurs sources.

Cet outil applique un seul remplacement à toutes les couleurs unies. Si vous avez besoin de modifications sélectives, dupliquez le SVG et isolez les couleurs dans votre éditeur, puis appliquez le remplacement à chaque version. Pour les flux de travail avancés, conservez une base SVG et dérivez des variantes à l'aide de scripts de construction ou de classes CSS. Vous pouvez également appliquer différents thèmes au moment de l'exécution en échangeant les classes CSS.

Oui. SVG Color Replacer est gratuit à utiliser dans votre navigateur. Aucun téléchargement ni installation n'est requis.

Non. SVG Color Replacer fonctionne instantanément dans le navigateur sans inscription et les fichiers restent locaux.