Pour diagnostiquer un SVG d’Affinity qui semble flou ou rempli de manière inattendue, isolez une courbe concernée, comparez les paramètres de rastérisation, puis examinez son remplissage et son mode de remplissage. Ces tests aident à distinguer les limites de l’exportation des paramètres des objets et des différences entre les applications de destination.

Ce guide explique comment exporter un dessin vectoriel depuis l’application de bureau Affinity actuelle sur Mac et vérifier son apparence dans un navigateur ou une autre application de bureau. Les chemins de menu correspondent au Centre d’aide Affinity actuel ; les versions antérieures d’Affinity Designer peuvent utiliser d’autres emplacements de menu.

Commencez par une courbe et une exportation contrôlée

Enregistrez une copie de travail de votre document Affinity. Choisissez une courbe qui présente clairement le problème et notez le résultat attendu : par exemple, « un trait courbe bleu sans remplissage intérieur » ou « un anneau rempli avec un centre transparent ». Vous pourrez ainsi évaluer chaque test plus facilement, sans modifier plusieurs propriétés sans rapport entre elles.

Ouvrez Fichier > Exporter > Exporter, choisissez SVG comme format de fichier et examinez les paramètres à droite. Des commandes supplémentaires apparaissent sous Avancé. Pour un objet isolé, choisissez Zone : Sélection uniquement ; Zone de sélection inclut également les calques qui se chevauchent. Affinity documente ces distinctions dans son aide sur la boîte de dialogue d’exportation.

Exportez un fichier de référence avant de modifier quoi que ce soit. Ouvrez-le dans Safari et dans l’application où vous avez remarqué le problème. Comparez la même zone à une taille d’affichage similaire, puis agrandissez-la. Notez si le défaut apparaît dans les deux applications, uniquement dans l’application de destination, ou déjà dans l’aperçu d’exportation d’Affinity.

Considérez cette comparaison comme une aide au diagnostic. Si deux visionneuses donnent le même résultat, vous pouvez avoir davantage confiance dans le fait que vous examinez le contenu exporté, mais cela ne permet pas à lui seul d’identifier la cause. Une différence entre les visionneuses permet de mieux cerner la question de compatibilité à examiner.

Symptôme visible Premier test Ce que le résultat aide à distinguer
Une courbe devient floue lorsqu’on l’agrandit Comparer les paramètres de rastérisation Contenu rastérisé ou géométrie conservée
Un trait courbe acquiert un intérieur plein Examiner le remplissage de l’objet sélectionné Remplissage indésirable ou apparence du trait
Un trou disparaît ou une zone de chevauchement se remplit Comparer les modes de remplissage Différentes définitions de l’intérieur de la forme
Une seule application de destination affiche le fichier de manière incorrecte Tester une copie simplifiée Gestion par l’application de destination ou problème général d’exportation

Pourquoi un SVG peut-il contenir des courbes floues ?

L’extension SVG ne garantit pas que chaque objet du fichier reste un vecteur redimensionnable. Affinity précise que les objets matriciels dans les fichiers SVG se dégradent toujours lorsqu’on les redimensionne. Sa documentation sur l’utilisation des SVG recommande également de positionner les illustrations destinées au Web sur des pixels entiers afin qu’elles restent nettes.

Commencez par déterminer si le flou touche l’ensemble du dessin ou un seul objet décoré. Une courbe simple qui reste nette à côté d’un objet flou appelle une investigation différente d’un dessin dont tous les éléments deviennent flous. Servez-vous de cette observation pour choisir le prochain objet à isoler.

Comparez les trois options de rastérisation

Le contrat d’exportation SVG d’Affinity propose trois options de Rastériser : Aucun n’effectue aucune rastérisation à l’exportation et exclut les éléments non pris en charge ; Propriétés non prises en charge rastérise les éléments non pris en charge ; Tout rastérise tous les éléments. Par conséquent, Aucun peut supprimer du contenu plutôt que d’en préserver l’apparence sous forme vectorielle. Consultez Paramètres d’exportation.

Effectuez des exportations séparées avec Propriétés non prises en charge et Aucun, sans modifier la zone ni les autres paramètres. Comparez la courbe concernée, sa décoration et tout contenu manquant. Donnez aux fichiers des noms qui indiquent le paramètre modifié afin que la comparaison reste traçable.

Si le contenu concerné disparaît avec Aucun, ce résultat est cohérent avec la limite documentée concernant le contenu non pris en charge. Vous pouvez alors simplifier l’objet isolé et répéter le test. Cela ne prouve pas que l’objet d’origine dans son intégralité était compatible avec une exportation vectorielle.

Si une version simple de la courbe s’exporte correctement, rétablissez son style en ne modifiant qu’un élément à la fois. Arrêtez-vous lorsque le symptôme réapparaît. Cette démarche permet d’identifier une combinaison reproductible plus restreinte, sans présumer que tous les effets, pinceaux ou arrangements d’objets se comportent de la même manière à l’exportation.

Choisissez entre préserver l’apparence et préserver la géométrie

Pour le contenu matriciel conservé, PPP de rastérisation détermine la résolution des effets rastérisés ; Réduire la résolution des images peut la diminuer. Autoriser la compression JPEG et son paramètre Qualité influent sur le contenu rastérisé. Utiliser des motifs en mosaïque peut envelopper une zone rastérisée dans une forme vectorielle remplie par une image bitmap, avec une prise en charge limitée dans certaines applications. Ces options sont décrites dans Paramètres d’exportation.

Pour une exportation de diagnostic, désactivez la réduction de résolution et la compression JPEG, puis comparez de nouveau le même objet. Si vous conservez une apparence rastérisée, évaluez-la à la taille finale prévue. Augmenter la résolution de l’image matricielle ne reconstruit pas une courbe modifiable ; cela concerne la partie matricielle du résultat.

Pour obtenir un fichier qui conserve une géométrie redimensionnable, simplifiez ou recréez l’apparence problématique à l’aide d’objets vectoriels, puis répétez l’exportation isolée. Le résultat recherché est un export qui contient l’illustration prévue et se comporte correctement lorsqu’on l’agrandit. Un fichier dont la décoration a disparu n’atteint pas ce résultat simplement parce que les courbes restantes sont nettes.

Pourquoi une courbe ouverte acquiert-elle un remplissage inattendu ?

Une courbe peut avoir à la fois un trait et un remplissage. Les remplissages SVG ferment les sous-chemins ouverts comme si un segment reliait leurs extrémités. Cela peut produire un coin ou une large zone intérieure même si le trait visible reste ouvert. En SVG, le noir est également la valeur initiale du remplissage, lequel est hérité. Ces comportements sont définis dans SVG 1.1 : peinture.

Sélectionnez la courbe concernée et ouvrez Fenêtre > Général > Couleur. Activez le sélecteur Remplissage, puis choisissez l’échantillon Aucun si l’illustration souhaitée consiste en un trait sans intérieur. Vérifiez que vous avez modifié le remplissage et non le trait. La documentation actuelle du panneau Couleur présente les sélecteurs distincts et l’échantillon Aucun.

Réexportez la courbe isolée. Si l’intérieur disparaît, vérifiez individuellement les autres objets concernés avant d’exporter l’ensemble du dessin. Évitez d’appliquer Aucun à tous les objets, sauf si le dessin entier doit être composé uniquement de traits.

Prenons l’exemple d’une arche ouverte : son trait va d’une extrémité à l’autre, tandis qu’un remplissage peut occuper la région entre l’arche et un bord de fermeture droit implicite. Supprimer le remplissage résout directement ce problème d’intérieur. Fermer la courbe modifie sa géométrie et peut ajouter un bord indésirable au trait.

Si le SVG autonome s’affiche correctement dans Safari, mais qu’il acquiert un remplissage après son importation dans une autre application, répétez le test avec une courbe ouverte simple dont le remplissage est explicitement défini sur Aucun. Vous obtiendrez ainsi une comparaison ciblée pour l’application de destination. Ne concluez pas, à la seule vue d’une zone noire, qu’Affinity a forcément exporté une peinture noire.

Pourquoi les trous et les zones de chevauchement changent-ils ?

Une zone remplie à l’intérieur d’une courbe complexe pose une question différente du remplissage indésirable d’un simple trait ouvert. Affinity propose les modes de remplissage Alterné et Non-zéro pour déterminer quelles zones sont considérées comme intérieures dans une courbe auto-intersectée. La commande actuelle est Vectoriel > Mode de remplissage, avec l’objet sélectionné. Consultez Modes de remplissage.

Alterné utilise un décompte pair ou impair des intersections. Non-zéro utilise un décompte signé qui tient compte du sens du chemin. Dans la terminologie SVG, ces modes correspondent à evenodd et nonzero. Cette distinction compte pour les auto-intersections et les sous-chemins imbriqués, comme l’expliquent l’aide d’Affinity sur les modes de remplissage et la spécification SVG de la règle de remplissage.

Sur un doublon de l’objet concerné, comparez les deux modes. Examinez chaque trou et chevauchement prévu avant de faire votre choix. Si vous devez examiner le sens des chemins, Affinity indique que Afficher l’orientation des courbes se trouve sous Paramètres, dans la barre contextuelle de l’outil Plume ou Nœud. Cette option révèle une information utile pour le comportement du mode Non-zéro. Consultez Modes de remplissage.

Prenons l’exemple d’un contour imbriqué : le mode Alterné peut laisser une zone intérieure sans remplissage parce qu’un rayon traverse deux limites. Avec le mode Non-zéro, le résultat dépend du sens de ces limites. Changer de mode peut rétablir un trou tout en modifiant un autre chevauchement ; évaluez donc l’objet entier plutôt qu’une seule zone.

Si aucun des deux modes ne produit la forme souhaitée, revenez à la construction de la courbe. Rendez explicites, dans votre copie de travail, les zones à remplir et les ouvertures souhaitées, puis exportez de nouveau. Le mode de remplissage est une règle d’interprétation de la géométrie ; il ne permet pas de représenter un ensemble arbitraire de zones remplies ou vides choisies indépendamment.

Quand faut-il développer un trait ou aplatir les transformations ?

Utilisez Développer le trait lorsqu’un problème reproductible concerne l’interprétation d’un trait vectoriel. Affinity indique qu’il faut sélectionner l’objet avec l’outil Déplacement ou Nœud, puis choisir Vectoriel > Développer le trait. Cette commande convertit les contours du trait en courbes fermées et est spécifiquement recommandée pour préparer les traits avant l’exportation SVG. Consultez Développer le trait.

Conservez l’original modifiable et testez un doublon avec le trait développé. Comparez les extrémités, les raccords, l’épaisseur et les éventuels espaces fermés avant l’exportation. Le développement modifie la structure de l’objet ; un test réussi doit donc préserver l’apparence souhaitée tout en résolvant le problème dans l’application de destination.

Deux limites sont documentées : un trait développé perd sa modifiabilité avec son outil d’origine, et les traits créés avec des pinceaux fondés sur des pixels ne peuvent pas être développés, car ils sont matriciels. Le développement est donc une méthode prise en charge pour les traits vectoriels, sans pour autant constituer une conversion générale des images bitmap en vecteurs. Consultez Développer le trait.

En cas d’incohérence avec des objets transformés, testez séparément Aplatir les transformations. Affinity indique que cette option fixe les objets transformés dans le fichier exporté afin d’améliorer la fidélité d’affichage entre les applications. Il s’agit d’un test de compatibilité ciblé, et non d’une solution universelle aux problèmes de flou ou de remplissage. Consultez Paramètres d’exportation.

Vérifiez le dessin entier avant de conserver la correction

Une fois l’objet isolé correctement exporté, répétez l’exportation avec le document entier ou le plan de travail prévu. Examinez-le à sa taille d’affichage réelle et agrandi, dans Safari et dans l’application de destination. Vérifiez la courbe auparavant floue, les traits ouverts, les trous transparents, les chevauchements et les illustrations environnantes.

Notez brièvement le changement qui a résolu le symptôme : supprimer un remplissage involontaire, choisir le mode de remplissage approprié, simplifier une apparence non prise en charge, conserver une partie matricielle à une résolution adaptée, développer un trait vectoriel ou aplatir les transformations. Le résultat sera ainsi reproductible, sans transformer un paramètre efficace en règle applicable à tous les dessins.

Le SVG final doit préserver l’illustration prévue, et tout contenu matriciel conservé doit être compris et rester acceptable à la taille requise. Conservez le fichier source Affinity modifiable avec l’export vérifié afin de pouvoir apporter ultérieurement des changements à partir des courbes d’origine.

Sources