Guida utente Annulla

Estrarre file SVG ottimizzati per il Web da Libraries

Cerca

Ultimo aggiornamento il 17 nov 2021

Estraete file SVG ottimizzati per il Web dalle librerie e personalizzatene le proprietà.

A partire dal 16 novembre 2021, Dreamweaver ha interrotto la funzionalità di estrazione di SVG da una risorsa di Illustrator. Vi invitiamo a utilizzare questa soluzione alternativa per attivare l'opzione del formato immagine e convertire le risorse di Illustrator (.ai) in formati PNG 32/PNG 24/PNG 8/JPEG. In alternativa, gli utenti possono esportare le risorse di Illustrator in formato SVG dall'app Illustrator.

Se avete salvato immagini Illustrator o immagini di Adobe Stock con licenza in Creative Cloud Libraries, potete estrarli come file SVG ottimizzati per il Web nelle pagine Web di Dreamweaver. Quando trascinate le immagini dal pannello Libraries alle pagine Web, esse vengono inserite per impostazione predefinita come file SVG. Per ulteriori informazioni, consultate Riutilizzare la grafica salvata in Libraries.

Se desiderate personalizzare le proprietà dei file SVG, potete modificare le preferenze nel file options.json che si trova nel seguente percorso:

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

L’oggetto JSon per la conversione dei file .ai in file SVG può contenere le seguenti proprietà:

Nome proprietà	Valore	Descrizione
trimToArtBounds	boolean	Il file SVG copre i limiti della grafica indipendentemente dalle dimensioni del documento OMG.
useViewBox	boolean	Se trimToArtBounds e useViewBox sono impostati su true, il contenuto del documento non verrà spostato. Al contrario, il valore viewBox dell’elemento SVG principale viene modificato per suddividere e ridimensionare il contenuto in base alle esigenze.
constrainToDocBounds	boolean	Taglia il contenuto visibile fino ai limiti del documento.
preserveAspectRatio	string	Proporzioni corrispondenti alla specifica SVG. L’impostazione di preserveAspectRatio sostituisce il valore calcolato di svgWriter. Di conseguenza, si consiglia di non impostare questo valore. Nota: per meet o xMidYMid meet utilizzate la stringa equivalente, xMidYMid, per limitare le dimensioni del file.
styling	string	Questa proprietà è opzionale ed è impostata sul valore predefinito class: class: utilizzate l’elemento global e fate riferimento al blocco style con l’attributo class. style: utilizzate l’attributo style per applicare proprietà di stile agli elementi. attribute: utilizzate gli attributi di presentazione per applicare proprietà di stile agli elementi.
prefix	string	Un prefisso che verrà aggiunto a ogni ID e nome di classe. In questo modo si possono avere schemi di denominazione univoci per ogni documento SVG. Più documenti SVG possono essere inclusi in linea in un singolo documento HTML senza conflitti di nomi di ID o di classe, a condizione che i prefissi specificati siano univoci.
cropRect	object	Un rettangolo con le proprietà x, y, width e height. x e y sono facoltative. Definisce un rettangolo in base al quale il documento SVG viene ritagliato. Se la dimensione del documento è minore di quella del rettangolo di ritaglio, viene creato uno spazio di riempimento.
minify		Evita rientri, nuove righe e spazi vuoti nell’output SVG. Utilizza ID minimi.
idType	string	regular: il metodo predefinito per creare gli ID. È il metodo preferibile in base ai nomi dei livelli e degli oggetti nell’applicazione. minimal: crea gli ID più corti possibili indipendentemente dai nomi di livelli e oggetti definiti dall’utente nell’applicazione. unique: crea identificatori UUID conformi a rfc4122 nel formato xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.
precision	un file è mancante	Il numero di cifre dopo la virgola mobile. Il numero deve essere compreso tra 0 e 10 e, se specificato diversamente, viene troncato. Il valore predefinito è 3.
isResponsive	boolean	Se è impostato su true, il documento SVG riempie l’intero riquadro di visualizzazione/area di immagine (nessun attributo width o height impostato nell’SVG principale).
carriageReturn	boolean	Per impostazione predefinita, svgWriter usa il carattere di fine riga LF. Con carriageReturn impostato su true, viene utilizzato CRLF.
indentation	string	Usa una stringa personalizzata come rientro. Ad esempio, un rientro con tabulazione. Il valore predefinito in questo caso è di 2 spazi.
fillFilter	boolean	I filtri vengono applicati solo al riempimento di un elemento. Il tratto non viene alterato in alcun modo e viene tracciato sopra il contenuto filtrato.
documentUnits	string	mm \| cm \| pc \| in - Le unità documento specificate vengono utilizzate sugli attributi width e height dell’elemento principale.