Vérifie ton logo avant de le livrer
Un logo passe la relecture à l'écran et arrive quand même cassé chez le client. Le texte n'était pas vectorisé, il repasse en Times New Roman sur une machine qui n'a pas ta police. Une image pixellisée se cachait dans le fichier « vectoriel ». Le viewBox manquait, le logo se déforme à l'agrandissement. Tu le découvres en même temps que le client.
L'outil ci-dessous lit ton SVG et te dit ce qui cloche, avec la correction exacte. Rien n'est envoyé, tout se passe dans ton navigateur.
Les erreurs qui cassent un logo à la livraison
Le texte non vectorisé. C'est l'erreur numéro un. Tant que le texte reste vivant, il dépend de la police installée sur la machine qui ouvre le fichier. Chez un client qui n'a pas ta typo, il repasse en police système et toute la mise en forme saute. Un logo se livre toujours avec le texte vectorisé.
Une image pixellisée cachée dans un SVG. Un SVG est censé être vectoriel, net à toutes les tailles. Mais on peut y coller une image matricielle sans le voir. Le logo devient flou à l'agrandissement et le fichier gonfle, alors qu'à l'écran tout semblait normal.
Le viewBox manquant. Sans viewBox, le SVG n'a pas de système de coordonnées propre et se met à l'échelle n'importe comment selon le contexte. C'est la ligne invisible qui fait qu'un logo tient sa taille partout.
Les dépendances externes et les résidus d'export. Une police appelée en @import, une référence en http://, des métadonnées et des noms de calques laissés par l'export : ça casse hors ligne ou sur le serveur du client, et ça alourdit le fichier pour rien.
FAQ
QUESTIONS FRÉQUENTES
FAQ QUESTIONS FRÉQUENTES
Questions fréquentes
-
Ouvre le SVG dans l'outil ci-dessus. S'il reste une balise de texte vivante, il te le signale. À l'œil, un texte vectorisé se sélectionne comme une forme et non comme des lettres modifiables.
-
Parce que le texte n'a pas été vectorisé. Le fichier appelle une police que la machine du client n'a pas, alors le navigateur la remplace par une police système. Vectorise le texte avant de livrer et le problème disparaît.
-
Le plus souvent, une image pixellisée s'est glissée dedans, ou l'export a laissé des résidus (métadonnées, calques, code inutile). Un logo vectoriel propre pèse quelques kilo-octets, pas quelques centaines.
-
Oui, et c'est un piège courant. Rien n'empêche de coller un PNG dans un SVG. Le fichier a l'air vectoriel mais ne l'est pas, et il perd en netteté dès qu'on l'agrandit.
VOIR PLUS
AUTRES RESSOURCES
VOIR PLUS AUTRES RESSOURCES
