Enregistrement d’une illustration au format SVG

1. Si l’illustration contient des effets SVG, sélectionnez chaque élément auquel un tel effet a été appliqué, puis déplacez l’effet au bas du panneau Aspect (juste au-dessus de l’entrée Opacité). Si d’autres effets suivent un effet SVG, le résultat SVG consistera en un objet pixellisé. En outre, si votre illustration contient plusieurs plans de travail, sélectionnez celui que vous souhaitez exporter.
2. Choisissez la commande Fichier > Enregistrer sous ou Fichier > Enregistrer une copie.
3. Attribuez un nom au fichier et définissez un emplacement.
4. Choisissez le format de fichier SVG (*.SVG) ou Compressé en SVG (*.SVGZ), puis cliquez sur le bouton d’enregistrement.
5. Dans la boîte de dialogue Options SVG, définissez les options de votre choix, puis cliquez sur le bouton OK.

   Profils SVG

   Indique la définition DTD du format SVG basé sur XML du fichier exporté.

   SVG 1.0 et SVG 1.1

   Adaptée aux fichiers SVG qui seront affichés sur un ordinateur de bureau. SVG 1.1 est la version complète de la spécification SVG, dont SVG Tiny 1.1, SVG Tiny 1.1 Plus et SVG Basic 1.1 sont des sous-ensembles.

   SVG Basic 1.1

   Adaptée aux fichiers SVG qui seront affichés sur des périphériques de puissance moyenne comme les périphériques portables. N’oubliez pas que tous les périphériques portables ne prennent pas en charge le profil SVG Basic. Si vous sélectionnez cette option, vous n’êtes donc pas certain de pouvoir afficher votre fichier SVG sur tous les périphériques portables. SVG Basic ne prend pas en charge l’écrêtage non rectangulaire ni certains effets de filtre SVG.

   SVG Tiny 1.1 et SVG Tiny 1.1+

   Adaptée aux fichiers SVG qui seront affichés sur de petits périphériques comme les téléphones portables. N’oubliez pas que les téléphones portables ne prennent pas tous en charge les profils SVG Tiny et SVG Tiny Plus. Si vous sélectionnez l’une de ces options, vous n’êtes donc pas certain de pouvoir afficher le fichier SVG sur tous les périphériques portables.

   SVG Tiny 1.2

   Adaptée aux fichiers SVG qui seront affichés sur divers périphériques comme les assistants personnels, les téléphones portables, les ordinateurs portables et les ordinateurs de bureau.

   SVG Tiny ne prend pas en charge les dégradés, la transparence, l’écrêtage, les masques, les symboles, les motifs, le texte souligné, le texte barré, le texte vertical ni les effets de filtre SVG. SVG Tiny Plus permet d’afficher les dégradés et la transparence, mais ne prend pas en charge l’écrêtage, les masques, les symboles et les effets de filtre SVG.

   Pour plus de détails sur les profils SVG, reportez-vous à la spécification SVG affichée sur le site Web du World Wide Web Consortium (W3C) (www.w3.org).

   Type de police

   Spécifie la manière dont les polices sont exportées :

   Adobe CEF

   Utilise des indications de dessin de police pour optimiser le rendu des petites polices. Ce type de police est pris en charge par l’afficheur SVG Adobe, mais pas nécessairement par d’autres afficheurs SVG.

   SVG

   N’utilise pas d’indications de dessin de police. Ce type de police est pris en charge par tous les afficheurs SVG.

   Vectoriser

   Convertit le texte en tracés vectorisés. Utilisez cette option pour conserver l’aspect visuel du texte dans tous les afficheurs SVG.

   Jeu partiel de police

   Détermine les glyphes (caractères d’une police donnée) incorporés au fichier SVG exporté. Choisissez l’option Sans dans le menu Jeu partiel si vous pouvez utiliser les polices installées sur les systèmes utilisateur final. Choisissez l’option Glyphes utilisés seulement pour inclure uniquement les glyphes de texte existant dans l’illustration active. Les autres options (Anglais standard, Anglais standard et glyphes utilisés, Romain standard, Romain standard et glyphes utilisés, Tous les glyphes) sont utiles lorsque le contenu textuel du fichier SVG est dynamique (par exemple, texte généré par le serveur ou texte interactif).

   Emplacement de l’image

   Détermine si les images pixellisées sont incorporées directement dans le fichier ou liées aux images JPEG ou PNG exportées à partir du fichier Illustrator d’origine. L’incorporation des images augmente la taille des fichiers, mais garantit la disponibilité constante des images pixellisées.

   Conserver les fonctions d’édition d’Illustrator

   Préserve les données spécifiques à Illustrator en incorporant un fichier AI dans le fichier SVG (ce qui augmente la taille du fichier). Sélectionnez cette option si vous envisagez de rouvrir et de modifier le fichier SVG dans Illustrator. Notez que, si vous modifiez manuellement les données SVG, ces modifications ne sont pas prises en compte lorsque vous rouvrez le fichier. En effet, Illustrator lit la partie AI du fichier et non la partie SVG.

   Propriétés CSS

   Détermine la manière dont les attributs de style sont enregistrés dans le code SVG. La méthode par défaut, Attributs de présentation, applique les propriétés au point le plus élevé de la hiérarchie, ce qui offre une souplesse maximale pour les modifications et transformations spécifiques. La méthode Attributs de style crée les fichiers les plus lisibles, mais peut augmenter la taille du fichier. Choisissez cette méthode si le code SVG doit servir dans des transformations utilisant par exemple le code de transformation XSLT (Extensible Stylesheet Language Transformation). La méthode Attributs de style (références d’entités) permet d’accélérer le rendu et d’obtenir un fichier SVG de taille réduite. La méthode Eléments de style est utilisée lors du partage de fichiers avec des documents HTML. En sélectionnant cette option, vous pouvez modifier le fichier SVG pour déplacer un élément de style vers un fichier CSS extérieur également référencé par le fichier HTML. Cependant, l’option Eléments de style ralentit la vitesse de rendu.

   Positions décimales

   Spécifie la précision des données vectorielles du fichier SVG. Vous pouvez définir une valeur située entre 1 et 7 décimales. Plus les valeurs sont élevées, plus le fichier est volumineux et la qualité d’image élevée.

   Codage

   Détermine le mode de codage des caractères dans le fichier SVG. Le codage UTF (Unicode Transformation Format) est pris en charge par tous les processeurs XML. (UTF-8 est un format 8 bits, tandis que UTF-16 est un format 16 bits.) Les codages ISO 8859-1 et UTF-16 ne conservent pas les métadonnées des fichiers.

   Optimiser pour l’afficheur SVG Adobe

   Conserve le niveau maximal de données Illustrator tout en permettant l’édition manuelle du fichier SVG. Sélectionnez cette option pour bénéficier de fonctions de rendu plus rapides telles que les effets de filtre SVG.

   Inclure les données d’Adobe Graphics Server

   Inclut toutes les informations requises pour la substitution des variables dans le fichier SVG (voir la section A propos des graphiques adaptés aux données).

   Inclure les données de tranche

   Inclut les données de tranche et les paramètres d’optimisation.

   Inclure les informations XMP

   Inclut les métadonnées XMP dans le fichier SVG. Choisissez la commande Fichier > Informations ou utilisez le navigateur Bridge pour saisir des métadonnées.

   Produire moins d’éléments <tspan>

   Permet à Illustrator d’ignorer les paramètres d’autocrénage lors de l’exportation, ce qui génère un fichier contenant moins d’éléments <tspan>. Cochez cette case pour créer un fichier SVG plus facile à modifier et plus compact. Décochez cette case si l’aspect du texte autocréné doit être préservé.

   Utiliser l’élément <textPath> pour le texte curviligne

   Exporte le texte placé sur le tracé sous forme d’élément <textPath>. Notez toutefois que l’apparence du texte peut différer entre l’afficheur SVG et Illustrator, car ce mode d’exportation ne permet pas toujours de conserver une similarité visuelle. Le texte qui déborde, notamment, sera visible dans l’afficheur SVG.

   Afficher le code SVG

   Affiche le code du fichier SVG dans une fenêtre de navigateur.

   Aperçu Web

   Affiche le fichier SVG dans une fenêtre de navigateur.

   Adobe Device Central

   Ouvre le fichier dans Adobe Device Central afin qu’il soit prévisualisé sur un téléphone portable ou un périphérique particulier.

A propos du format SVG (adobe.com)

Optimisation d’une image pour le Web (adobe.com)

Utilisation d’Adobe Device Central avec Illustrator (adobe.com)

A propos des métadonnées (adobe.com)

 Aide des communautés (adobe.fr)