Un SVG s’ouvre vide : sept vérifications avant de le reconstruire

Si un SVG s’ouvre vide, duplique le fichier avant toute sauvegarde ou exportation. Le dessin peut être présent, mais hors du viewBox visible, transparent ou blanc, masqué par un écrêtage ou un masque, ou construit avec une fonctionnalité incompatible avec une application. Enregistrer à nouveau un document vide peut transformer un fichier récupérable en fichier réellement vide.

Ouvre la copie dans un navigateur et un éditeur vectoriel. Cette comparaison oriente le diagnostic : visible dans l’un et vide dans l’autre indique généralement un problème de prise en charge ou de structure ; vide partout suggère davantage un problème de zone d’affichage, de peinture, de écrêtage, de balisage ou de contenu manquant.

Ces vérifications forment un parcours de diagnostic. Confirme l’existence de la géométrie, puis teste ses limites, son échelle, sa peinture, son écrêtage, ses effets et ses dépendances avant de remplacer quoi que ce soit.

1. Conserver le fichier et vérifier qu’il contient des données

Crée une copie sous un nouveau nom. Vérifie ensuite sa taille et ouvre-la dans un éditeur de texte simple.

Un fichier de zéro octet ou un document contenant seulement un élément racine <svg> vide laisse peu de possibilités de récupération. Un fichier avec des tracés, des groupes, des styles ou un grand bloc de données encodées n’est pas vide simplement parce que sa page semble vide.

Une grande taille ne prouve pas grand-chose. Le fichier peut contenir une image intégrée haute résolution, des styles répétés ou des données mal formées. La taille indique seulement qu’il mérite un examen plus poussé.

2. Comparer un navigateur et un éditeur vectoriel

Glisse le SVG dans un navigateur récent, puis ouvre la même copie dans Inkscape, Illustrator, Figma ou un autre éditeur vectoriel.

L’affichage dans un navigateur ne prouve pas la présence de tracés vectoriels portables. Les navigateurs peuvent afficher des images matricielles intégrées et du contenu web que les logiciels de CAO ou les éditeurs vectoriels ignorent.

3. Tout sélectionner et examiner les limites

Dans l’éditeur vectoriel, utilise Select All. Cherche une boîte de sélection, des coordonnées, une largeur et une hauteur.

• Une boîte loin de la page indique un dessin hors page.
• Une sélection immense peut venir d’un point parasite, d’un objet de écrêtage ou d’un rectangle d’arrière-plan.
• Une boîte normale autour d’un dessin invisible suggère un problème de peinture, d’opacité ou de écrêtage.
• Aucun objet sélectionnable suggère un contenu incompatible, un document vide ou une importation échouée.

Si les objets sont hors page, déplace la sélection sur la page ou adapte la page au dessin. Évite de redimensionner les tracés sauf si leurs dimensions réelles sont également incorrectes.

4. Comparer le dessin au viewBox

Ouvre le SVG comme texte et examine l’élément racine :

<svg xmlns="http://www.w3.org/2000/svg"
  width="800" height="600" viewBox="0 0 800 600">

Les quatre nombres de viewBox correspondent au x minimal, au y minimal, à la largeur et à la hauteur, selon la spécification SVG des systèmes de coordonnées. Un dessin situé autour de 10000,10000 n’apparaît pas dans viewBox="0 0 800 600". Une dimension nulle ou négative du viewBox désactive le rendu de cet élément.

Corrige les limites visibles selon la géométrie réelle. Ne copie pas un viewBox arbitraire depuis un autre fichier. Le guide des SVG à la mauvaise taille explique l’interaction entre viewBox et les dimensions de la zone d’affichage lorsque le dessin est visible, mais mal dimensionné.

5. Vérifier la peinture et la visibilité

Sélectionne un objet et examine son remplissage et son trait. Voici des états invisibles courants :

• fill="none" sans trait ;
• un remplissage blanc sur une page blanche ;
• opacity="0", fill-opacity="0" ou stroke-opacity="0" ;
• display="none" ou visibility="hidden" ;
• une classe dont la feuille de style applique l’une de ces valeurs ;
• un trait extrêmement fin à l’échelle actuelle.

Place temporairement un rectangle coloré derrière le dessin ou applique une couleur de test vive à une copie d’un tracé. S’il apparaît, restaure les styles prévus au lieu de conserver la couleur de diagnostic dans le fichier final.

Si les remplissages restent visibles, mais que certaines lignes disparaissent après l’exportation, consulte le guide des traits SVG qui disparaissent pour tester peinture, écrêtage, échelle et apparences incompatibles sans retracer une bonne géométrie.

6. Examiner les fonctionnalités que la destination ne prend pas en charge

Cherche clipPath, mask, pattern, filter, <image> et <foreignObject> dans le balisage.

Les écrêtages et les masques peuvent tout cacher lorsque leurs coordonnées ou références sont incorrectes ; le modèle de rendu SVG intègre écrêtage, masquage, filtrage et composition au pipeline de rendu. Les motifs et les filtres peuvent varier selon les importateurs. Un élément <image> intègre du contenu image dans le conteneur SVG, tandis que <foreignObject> peut contenir des éléments d’un autre espace de noms XML, comme le décrit la spécification SVG du contenu intégré.

Si les formes restent présentes, mais que les étiquettes HTML disparaissent, compare foreignObject au texte SVG natif et remplace uniquement l’étiquette défaillante.

Si les tracés sont visibles, mais qu’une ombre est coupée, diagnostique l’ombre SVG rognée en testant séparément la région du filtre et la zone d’affichage extérieure.

Les références peuvent aussi échouer. Vérifie que les identifiants utilisés par url(#name) existent et sont uniques. Si le SVG dépend d’une image, d’une police, d’une feuille de style ou d’un fichier externe, son déplacement peut avoir rompu le lien vers cette ressource.

Pour une application Qt, le guide du rendu SVG dans Qt distingue les vérifications des modules et du chargement des limitations fonctionnelles. Compare d’abord une petite source, puis examine le dessin avec la méthode de rendu choisie.

Lorsqu’un navigateur affiche le dessin, mais que la CAO n’importe rien, cherche des éléments ordinaires <path>, <rect>, <circle> et d’autres géométries vectorielles. Un PNG intégré visible ne fournit aucune courbe à la CAO.

7. Valider ou réexporter le fichier

Un XML mal formé, des attributs invalides ou des structures propres à un exportateur peuvent être tolérés par un moteur et rejetés par un autre. Si tu as le dessin source, rouvre-le dans son application d’origine et exporte une copie SVG simple ou simplifiée. Décompose uniquement les fonctionnalités incompatibles avec la destination et compare le nouveau fichier à la source.

Sans la source, utilise un validateur SVG/XML ou un éditeur de texte qui signale les erreurs de syntaxe. Travaille sur une copie et corrige d’abord la première erreur structurelle : les suivantes peuvent en découler.

Ne lance pas un optimiseur sur ton unique copie. L’optimisation réécrit la structure et peut compliquer la récupération lorsque le problème reste mal compris.

Quand reconstruire ou vectoriser à nouveau

Une nouvelle vectorisation convient si le fichier contient seulement une image matricielle intégrée, si sa structure SVG est inutilisable hors d’un navigateur ou si aucune source modifiable ne subsiste. Extrais ou retrouve l’image matricielle de meilleure qualité, puis transforme-la en vrais tracés.

Ce n’est pas la bonne solution pour des tracés hors page, un viewBox incorrect, des remplissages blancs ou un masque incompatible. Ces fichiers possèdent déjà une géométrie : la préserver évite une perte de qualité inutile.

Si tout le dessin se sélectionne comme une seule image pixellisée ou devient pixellisé à fort zoom, consulte le diagnostic des pixels cachés avant de reconstruire.

Le rôle de PerfectVector

Le flux image vers vecteur de PerfectVector convient au cas où seules des données matricielles subsistent. Téléverse le meilleur PNG, JPG ou autre format accepté, puis examine l’aperçu vectoriel : formes réelles, bords nets, espaces négatifs et tracés faciles à gérer.

Il ne répare pas un balisage SVG arbitraire et ne récupère pas les ressources externes. Si le fichier possède déjà de bons tracés, corrige la zone d’affichage, les styles ou la fonctionnalité incompatible dans un éditeur vectoriel. Si ce n’est qu’une image matricielle dans une enveloppe SVG, reconstruire le dessin visible en tracés crée un vecteur portable.

FAQ

Pourquoi mon SVG est-il vide dans Illustrator, mais visible dans Chrome ? Le fichier peut utiliser une fonctionnalité que le navigateur affiche, mais qu’Illustrator n’importe pas : contenu web intégré, motif complexe, filtre, masque ou enveloppe matricielle. Examine le balisage et vérifie qu’il contient des tracés vectoriels ordinaires avant d’exporter une copie SVG plus simple.

Comment retrouver un dessin SVG hors de la page ? Utilise Select All et examine les limites ou les coordonnées de la sélection. Si une boîte apparaît loin de la page, déplace-la sur la page ou adapte la page au dessin. Mets ensuite le viewBox à jour selon la géométrie visible prévue.

Un SVG peut-il être blanc et sembler vide ? Oui. Les remplissages ou traits blancs disparaissent sur une page blanche. Le fichier peut aussi utiliser une opacité nulle, display="none" ou visibility="hidden". Teste-le sur un fond coloré et examine les styles calculés.

Pourquoi mon SVG s’importe-t-il vide dans Fusion ou une autre application de CAO ? Il peut contenir une image matricielle intégrée ou du contenu web incompatible au lieu de courbes vectorielles. La CAO nécessite une géométrie de tracés importable. Cherche <path> et les formes associées, puis vérifie si le contenu visible se trouve plutôt dans <image> ou <foreignObject>.

Faut-il convertir un SVG vide en PNG, puis en SVG ? Seulement si aucune géométrie vectorielle n’est récupérable et si l’apparence matricielle est la meilleure source restante. Un aller-retour PNG détruit la structure des tracés existants. Diagnostique d’abord la zone d’affichage, la visibilité, l’écrêtage et la compatibilité.

Sources

1. W3C — SVG 2 Coordinate Systems — Définit les zones d’affichage, viewBox, les unités et les transformations.
2. W3C — SVG 2 Rendering Model — Documente l’écrêtage, le masquage, le filtrage, la composition et l’ordre de rendu.
3. W3C — SVG 2 Embedded Content — Définit les images et les contenus étrangers intégrés dans un SVG.
4. W3C — Markup Validation Service — Propose une validation fondée sur les normes pour diagnostiquer le balisage.

Si le fichier restant contient seulement des pixels dans un conteneur SVG, reconstruis le dessin en tracés vectoriels modifiables et examine l’aperçu. Si de bons tracés sont déjà présents, conserve-les et répare la plus petite partie défaillante du document.