Ottimizzatore SVG
Ottimizza i tuoi file SVG con la tecnologia AIRiduci il peso del file fino al 90% mantenendo la qualità
Trascina qui il tuo file SVG
o sfoglia per caricarlo
Il file deve essere SVG, fino a 10 MB
Uso gratuito
Utilizzo illimitato
Nessuna carta di credito
Inizia subito
Nessuna registrazione
Usalo subito
Perché sceglierci?
Ottieni i migliori risultati con la nostra tecnologia AI
Ottimizzazione veloce
Ottimizza i tuoi file SVG in pochi secondi con i nostri algoritmi di AI. Prestazioni di livello enterprise.
File più leggeri
Elimina metadati e codice superflui e riduci il peso fino al 90%. Risultati professionali garantiti.
Qualità preservata
Ottieni file SVG ottimizzati senza compromettere la qualità visiva. Controllo qualità di livello enterprise.
Tecnologia AI
Ottimizziamo in modo intelligente i tuoi file SVG con le più recenti tecnologie di intelligenza artificiale. Il nostro sistema impara da migliaia di ottimizzazioni e garantisce sempre i migliori risultati.
99,9% di successo
Oltre 10mila ottimizzazioni
Utilizzo illimitato
Come funziona l'ottimizzazione SVG
Il tuo file viene elaborato con SVGO, l'ottimizzatore SVG open source molto diffuso, con il suo preset predefinito in modalità multipass: i passaggi si ripetono finché il file non smette di ridursi. Ecco cosa cambia.
Via il superfluo di editor e documento
Vengono rimossi la dichiarazione XML, il DOCTYPE, i commenti e i blocchi <metadata>, insieme ai namespace e agli attributi extra che editor come Inkscape, Illustrator e Sketch scrivono nel file. Spariscono anche le descrizioni generiche come "Created with…". Niente di tutto questo influisce su come viene disegnata l'immagine.
Numeri arrotondati e dati dei tracciati riscritti
Coordinate e altri valori numerici vengono arrotondati a tre cifre decimali. I comandi dei tracciati sono riscritti nella forma equivalente più breve, i segmenti ridondanti vengono eliminati e i tracciati adiacenti con lo stesso stile possono essere uniti in uno solo.
Forme, gruppi e trasformazioni semplificati
Rettangoli, linee e poligoni diventano tracciati quando così occupano meno spazio. Gruppi e contenitori vuoti vengono rimossi, i gruppi che non aggiungono nulla vengono compattati e le trasformazioni sono combinate o applicate dove possibile.
Stili e colori ripuliti
I colori sono scritti nella forma più breve (per esempio #ff0000 diventa red), il CSS dentro <style> viene minificato, gli attributi che ripetono solo i valori predefiniti di SVG sono rimossi e gli elementi nascosti o vuoti vengono eliminati.
ID e definizioni inutilizzati rimossi
Gli ID a cui nulla nel file fa riferimento vengono eliminati, e gradienti, pattern e altri <defs> inutilizzati vengono scartati. Gli ID ancora referenziati mantengono il nome originale; non vengono accorciati.
Il viewBox resta, le dimensioni fisse no
Il viewBox viene sempre mantenuto così il disegno si ridimensiona correttamente. Gli attributi width e height vengono rimossi, quindi l'SVG riempie lo spazio in cui lo inserisci. Il risultato è scritto su una sola riga con gli attributi in ordine coerente, cosa che aiuta anche gzip.
Cosa si può ottimizzare in sicurezza e quando fare attenzione
Icone statiche, loghi e illustrazioni esportati da strumenti di design, compresi gli SVG creati con i nostri convertitori, si possono ottimizzare in sicurezza e di solito ne traggono il maggior vantaggio. In questi casi controlla il risultato con più attenzione.
ID usati da CSS, JavaScript o sprite esterni
L'ottimizzatore vede solo il file stesso. Se un foglio di stile esterno, uno script o un <use href="icons.svg#name"> in un'altra pagina punta a un ID, quell'ID sembrerà inutilizzato e verrà rimosso. I file che contengono un proprio elemento <style> o <script> mantengono gli ID.
SVG animati
Le animazioni SMIL o CSS che modificano i dati di un tracciato, o che dipendono da una specifica struttura di gruppi, possono rompersi quando i tracciati vengono riscritti e i gruppi compattati. Le animazioni semplici di solito reggono, ma guarda sempre l'anteprima prima di sostituire l'originale.
Testo per l'accessibilità
L'elemento <title> viene rimosso. Se uno screen reader ha bisogno di un'etichetta, aggiungi un testo alt sul tag <img> o un aria-label dove inserisci l'SVG.
Livelli mostrati e nascosti da codice
Gli elementi nascosti con display="none" o con opacità zero sono considerati invisibili e rimossi. Se il tuo script li mostra in seguito, ottimizza una copia in cui quei livelli non sono nascosti.
File che vuoi ancora modificare
Livelli, guide e altri dati dell'editor di Inkscape non ci sono più dopo l'ottimizzazione. Conserva il file sorgente per le modifiche e pubblica la copia ottimizzata.
FAQ sull'ottimizzatore SVG
L'ottimizzazione cambierà l'aspetto del mio SVG?
Per quasi tutti i file, no. Le modifiche eliminano dati che non vengono renderizzati e riscrivono il resto in forma più breve. L'unico effetto visibile può derivare dall'arrotondamento a tre cifre decimali, che potrebbe notarsi su grafiche con un viewBox molto piccolo viste a dimensioni grandi.
Quanto diventerà più piccolo il mio file SVG?
Dipende dalla provenienza del file. Le esportazioni da strumenti di design con metadati, commenti e numeri decimali lunghi spesso si riducono molto, mentre i file già minificati si riducono pochissimo. La pagina del risultato mostra la dimensione esatta prima e dopo.
Qual è la dimensione massima del file?
Puoi caricare file SVG fino a 10 MB. Puoi anche incollare il codice SVG direttamente nella scheda Incolla codice, invece di caricare un file.
Perché gli attributi width e height sono stati rimossi?
L'ottimizzatore mantiene il viewBox ed elimina width e height fissi, così l'SVG si adatta al suo contenitore. Se ti serve una dimensione fissa, imposta width e height sul tag <img> o nel CSS.
È sicuro ottimizzare SVG usati in uno sprite o da JavaScript?
Con cautela. Gli ID referenziati solo dall'esterno del file vengono rimossi, perché l'ottimizzatore non vede quei riferimenti. In questi casi prova il file ottimizzato nel contesto d'uso o conserva l'originale.
L'ottimizzatore rimuove le informazioni di accessibilità?
Rimuove l'elemento <title> e le descrizioni generiche degli editor. Indica il nome accessibile dove incorpori l'SVG, per esempio con un testo alt o un aria-label.