Usare al meglio i media in formato SVG

A seconda delle impostazioni usate durante la creazione, i media in formato SVG possono talvolta presentare errori di visualizzazione. Questo articolo spiega come ottimizzare i file SVG.

Possibili problemi

Un file SVG può causare i problemi seguenti:

• il media SVG compare nella ricerca dei media, ma non nel corso;
• l’esportazione dell’SVG non riesce;
• il media SVG non compare nel PDF esportato o viene visualizzato molto piccolo;
• il caricamento del media SVG non riesce e il file non compare nell’anteprima del corso.

Possibilità di ottimizzazione

Per ottenere file SVG il più possibile compatibili, usa impostazioni semplici ed evita effetti troppo complessi.

Quando crei un media SVG in un programma di grafica, verifica i punti seguenti e adattali in caso di visualizzazione errata:

• Funzione Simboli di Adobe Illustrator: i vettori non vengono trasferiti nel formato SVG con le impostazioni consuete e ciò può causare una visualizzazione errata, soprattutto nei browser.
• Spazio bianco eccessivo: se il media appare troppo piccolo, riduci la tavola da disegno al contenuto per eliminare lo spazio intorno all’illustrazione.
• Elemento SVG non consentito: elimina, ad esempio, l’elemento <ContainsAiGeneratedContent>.
• Struttura dei livelli troppo complessa: riduci il numero di gruppi e livelli annidati.
• Filtri troppo complessi, in particolare per le ombre: semplifica i filtri, soprattutto se ne vengono combinati più di uno.
• Effetti 3D: evitali per limitare la complessità.
• Uso di feDropShadow: questo tag non è consentito.
• Attributo in2 mancante nel tag feComposite: assicurati che l’attributo sia definito quando il tag viene usato.
• Dimensioni mancanti: verifica che gli attributi width e height contengano i valori corrispondenti.
• Opzioni di esportazione: usa il formato SVG 1.1 e la codifica UTF-8.

Contattaci se hai una domanda specifica sulla visualizzazione di un media SVG. Saremo lieti di aiutarti.