Guide d'utilisation Annuler

Extraction de fichiers SVG optimisés pour le web depuis des Bibliothèques

Rechercher

Dernière mise à jour le 17 nov. 2021

Extraire des fichiers SVG optimisés pour le web depuis des Bibliothèques et personnaliser les propriétés des fichiers SVG.

À compter du 16 novembre 2021, Dreamweaver supprime la fonctionnalité d’extraction de SVG à partir d’une ressource Illustrator. Nous vous encourageons à utiliser cette solution de contournement pour activer l’option de format d’image et convertir les ressources Illustrator (.ai) aux formats PNG 32/PNG 24/PNG 8/JPEG. Alternativement, les utilisateurs peuvent exporter des ressources Illustrator au format SVG à partir de l’application Illustrator.

Si vous avez enregistré des images Illustrator ou des images Adobe Stock sous licence dans vos bibliothèques Creative Cloud, vous pouvez les extraire sous la forme de fichiers SVG optimisés pour le Web dans vos pages Web Dreamweaver. Lorsque vous faites glisser ces images du panneau Bibliothèques vers vos pages web, elles sont insérées par défaut en tant que fichiers SVG. Pour plus d’informations, voir Réutilisation d’images enregistrées dans les Bibliothèques.

Si vous voulez personnaliser les propriétés des fichiers SVG, vous pouvez modifier les préférences dans le fichier options.json présent à l’emplacement suivant :

Windows : %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
Mac : ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/

L’objet JSon pour la conversion des fichiers .ai en fichiers SVG peut comporter les propriétés suivantes :

Nom de propriété	Valeur	Description
trimToArtBounds	boolean	Le fichier SVG couvre les limites de l’illustration indépendamment de la dimension du document OMG.
useViewBox	boolean	Si trimToArtBounds et useViewBox sont définis avec la valeur True (Vrai), le contenu du document ne sera pas déplacé. Dans ce cas, la valeur viewBox de l’élément SVG racine est modifié pour calquer et agrandir le contenu afin de correspondre aux besoins.
constrainToDocBounds	boolean	Réduit le contenu visible sur les limites du document.
preserveAspectRatio	string	Proportions, comme définies par la spécification SVG. La définition de la propriété preserveAspectRatio remplace la valeur calculée de la propriété svgWriter. Par conséquent, il est recommandé de ne pas définir cette valeur. Remarque : pour les propriétés meet ou xMidYMid meet, utilisez la chaîne équivalente, xMidYMid, pour réduire la taille du fichier.
styling	string	Cette propriété est facultative et est définie par défaut avec la valeur de class : class : utilise l’élément global et référence le bloc de style avec l’attribut de classe. style : utilise l’attribut de style pour appliquer les propriétés de style aux éléments. attribute : utilise les attributs de présentation pour appliquer les propriétés de style aux éléments.
prefix	string	Préfixe qui sera ajouté à chaque ID et nom de classe. Permet d’avoir des conventions de dénomination uniques pour chaque document SVG. Plusieurs documents SVG peuvent être intégrés dans un document HTML unique sans conflit d’ID ou de nom de classe tant que les préfixes fournis sont uniques.
cropRect	object	Rectangle avec les propriétés x, y, largeur et hauteur. x et y sont facultatifs. Définit un rectangle dans lequel le document SVG est recadré. La marge intérieure est créée si la dimension est inférieure à celle du rectangle de recadrage.
minify		Évite les retraits, les nouvelles lignes et des espaces blancs dans la sortie SVG. Utilise les ID minimum.
idType	string	regular : méthode par défaut pour la création d’ID. Meilleure méthode basée sur les noms de calque/d’objet dans l’application. minimal : crée les ID les plus courts possibles indépendamment des noms de calque/d’objet définis par l’utilisateur dans l’application. unique : crée des UUID basés sur rfc4122 sous le format xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.
precision	number	Nombre de chiffres après la virgule flottante. Ce nombre doit être compris entre 0 et 10, et si spécifié différemment, il est ajusté. La valeur par défaut est 3.
isResponsive	boolean	Si cette propriété est définie avec la valeur true, le document SVG remplit la fenêtre d’affichage/la zone de l’image (aucun attribut de hauteur et de largeur n’est défini à la racine SVG).
carriageReturn	boolean	Par défaut, svgWriter utilise la fin de ligne LF. Avec la propriété carriageReturn définie avec la valeur true, les fins de ligne utilisent CRLF.
indentation	string	Utilisez une chaîne personnalisée en tant que retrait. Par exemple, utilisez la tabulation pour le retrait. Dans ce cas, la valeur par défaut est de 2 espaces.
fillFilter	boolean	Les filtres s’appliquent uniquement au remplissage d’un élément. Le contour est inchangé et est dessiné par-dessus le contenu filtré.
documentUnits	string	mm \| cm \| pc \| in - Des unités de document spécifiées sont utilisées sur les attributs de largeur et hauteur de l’élément racine.