Convertire SVG in ICO Scalable Vector Graphics ↔ Icon Gratis Online Sicuro
Un SVG non è un'immagine: sono le istruzioni per disegnarne una. Qui vengono seguite una volta, alla dimensione che sceglie, e il risultato è salvato come ICO. Il disegno è reso in un recinto dove nulla del file può essere eseguito, e nulla viene caricato.
Converti il tuo file
Trascini qui un SVG, o ne scelga uno.
Il tuo file non esce da questo dispositivo. Tutto gira nel tuo browser.
Non si carica niente
Che cosa distingue un vettore
Un SVG non è un'immagine; è un insieme di istruzioni per disegnarne una — un cerchio di questo raggio qui, una linea di qui a lì, questa forma riempita di quel colore. Divenne norma del web nel 2001 e, poiché conserva il disegno e non il risultato, dallo stesso file che mostra un'icona di sedici pixel si può stampare un cartellone. Un PNG o un JPEG conserva l'opposto: una griglia finita di punti colorati, senza memoria alcuna di ciò che li ha tracciati. Questa asimmetria decide tutto in questa pagina. Andare dal vettore al raster significa semplicemente disegnare le istruzioni alla misura scelta; andare al contrario è vettorializzare — un programma guarda una griglia di punti e indovina quali forme possano averla prodotta.
Dove li incontra
Loghi, icone, mappe, schemi e grafici vivono come SVG, perché devono restare leggibili a ogni misura e spesso vanno ricolorati. Favicon e icone di applicazione ne derivano. Il verso inverso serve all'istante in cui un vettore deve diventare immagine piatta: un programma di posta che non mostra l'SVG, un'anteprima su un social, un documento da stampare a cura di qualcuno con programmi più vecchi dei vostri, o un modulo di caricamento che accetta solo fotografie.
Domande frequenti
Ho vettorializzato una fotografia e il risultato è orribile. Perché?
Perché la vettorializzazione non fu mai pensata per le fotografie. Funziona cercando regioni di colore simile e tracciando un contorno attorno a ciascuna, cosa che si addice alla grafica piatta — un logo, uno stampino, un disegno a tratto — e fallisce su una fotografia, dove ogni regione sfuma gradualmente nella successiva. Il programma deve inventare un confine dove non ce n'è, e produce o chiazze da manifesto fatte di campiture piatte, o un file con decine di migliaia di forme minuscole. Per le fotografie, tenete il raster.
Perché il mio SVG appare diverso in un altro programma?
Quasi sempre per i caratteri. Un SVG che contiene testo richiama un carattere per nome e si aspetta che la macchina che lo apre lo possieda; se non lo possiede, ne viene sostituito un altro e l'impaginazione si sposta. Il rimedio è convertire il testo in contorni prima di esportare: ogni lettera diventa una forma e il file appare uguale dappertutto — al prezzo di un testo non più modificabile né selezionabile. Gli effetti avanzati, come filtri e modalità di fusione, sono l'altra fonte abituale di differenze.
Il file perde qualità?
Dipende da ciò che i due formati sanno contenere. Convertire fra formati che conservano la stessa cosa — un PNG in BMP, un WAV in FLAC — non perde nulla. Convertire verso un formato che butta via informazione per guadagnare spazio, come JPEG o MP3, ne perde un poco ogni volta, e tornare indietro non la riporta. Dove una scelta esiste, questa pagina propende per conservare la qualità originale anziché per fare il file più piccolo.
Il mio file viene caricato da qualche parte?
No. La conversione avviene dentro il vostro browser, sulla vostra macchina; il file non la lascia mai e qui non esiste alcun server che possa riceverlo. Per questo un file grande è limitato dalla vostra memoria e non da un caricamento, e per questo nulla di ciò che convertite può comparire nei registri di nessuno, nemmeno nei nostri. Gli strumenti per l'audio e il video prendono però il loro motore di conversione da questo sito la prima volta che li usate — una trentina di megabyte, una volta sola; dopo, il lavoro avviene ancora del tutto sulla vostra macchina.
Perché si converte SVG in ICO
Un file ICO è un'icona. È la piccola immagine che compare nella scheda di un browser accanto al nome di una pagina, in un elenco di segnalibri, su un collegamento e nell'angolo della finestra di un programma su Windows. Se gestisci un sito web, ne vuoi una che porti il tuo marchio. Se costruisci un programma, te ne serve una per il suo eseguibile. E se hai un logo, è molto probabile che sia un disegno vettoriale in formato SVG. Per questo si converte SVG in ICO: si ha il disegno del marchio, e serve il file di icona che browser e sistemi operativi chiedono ancora per nome.
Un SVG non è un'immagine. È un insieme di istruzioni per disegnarne una: disegna un cerchio qui, una curva là, riempi questa forma con quel colore. Poiché sono istruzioni e non pixel, un SVG può essere mostrato a qualsiasi dimensione senza sfocarsi. Un'icona, al contrario, è una manciata di piccole immagini raggruppate in un unico file, ciascuna fatta per una dimensione particolare. Questa pagina segue le istruzioni del tuo SVG una volta per ogni dimensione e impacchetta i risultati in un unico file ICO.
Questa pagina converte SVG in ICO nel tuo browser. Il disegno viene reso in un ambiente isolato in cui nulla nel file può essere eseguito, e nulla viene caricato. Più sotto trovi come funziona, quali dimensioni contiene il file, perché le icone piccole sono un problema speciale e cosa fare al riguardo.
Come funziona la conversione
Sei dimensioni in un unico file
L'ICO che ne esce contiene sei dimensioni in un unico file: 16, 32, 48, 64, 128 e 256 pixel. Ognuna è ridisegnata dall'SVG anziché ridotta a partire dalle altre, quindi la versione da 16 pixel è le istruzioni seguite a 16 pixel, e non una copia rimpicciolita di quella grande. Tutte mantengono la trasparenza. Un sistema operativo o un browser sceglie poi la dimensione che si adatta al posto in cui l'icona viene mostrata.
Un ambiente isolato dove nulla può essere eseguito
Un file SVG può, in linea di principio, contenere script e riferimenti ad altre cose. Per evitare che questo sia mai un rischio, il disegno viene reso in un ambiente isolato in cui nulla nel file può essere eseguito. Vengono dipinte solo le forme. Questo è sicuro anche per file scaricati da un posto di cui non ti fidi del tutto.
Perché ridisegnare è meglio che rimpicciolire
Quando rimpicciolisci una grande immagine in una minuscola, i dettagli si fondono l'uno nell'altro e le linee diventano grigie. Ridisegnare dalle istruzioni vettoriali alla dimensione finale dà il risultato più nitido che ogni dimensione può avere, dato che le linee vengono posizionate direttamente sulla griglia dei pixel.
Cosa viene mantenuto
Le sei dimensioni
Ricevi 16, 32, 48, 64, 128 e 256 pixel, che coprono i posti in cui le icone vengono normalmente mostrate: schede del browser, barra delle applicazioni, collegamenti sul desktop, elenchi di file e grandi anteprime.
La trasparenza
La trasparenza viene mantenuta in tutte e sei le dimensioni. Le aree dell'SVG senza riempimento restano trasparenti nell'ICO, quindi l'icona assume il colore di ciò che c'è dietro.
La forma del marchio
Il disegno viene mantenuto così com'è, con i suoi colori e le sue forme. Se l'SVG non è quadrato, viene inserito nel quadrato di ciascuna icona senza essere deformato.
Cosa devi sapere prima di convertire SVG in ICO
Un'icona è un disegno diverso
Un'icona non è una piccola immagine, è un disegno diverso. Qualsiasi cosa con linee sottili o testo piccolo si trasforma in poltiglia a 16 pixel, per quanto accuratamente sia resa. Un logo che sembra eccellente su un manifesto può essere illeggibile come favicon. Se il risultato appare confuso, la risposta è un SVG più semplice anziché una conversione migliore.
Progetta per la dimensione più piccola
Le migliori icone sono fatte pensando alla dimensione più piccola: una forma audace, un numero limitato di colori, nessuna linea sottilissima e nessuna scritta oltre una singola lettera. Se puoi, prepara una versione semplificata del tuo logo come SVG separato per questo scopo, e poi converti SVG in ICO con quella.
Caratteri e immagini da altrove non si risolvono
I caratteri e le immagini che l'SVG preleva da altrove non vengono risolti nell'ambiente isolato. Il testo impostato in un carattere web caricato da un server ripiega su un carattere di sistema, e un'immagine collegata dall'esterno del file mancherà. Per il miglior risultato, converti il testo in contorni e incorpora le immagini.
Come convertire SVG in ICO qui
Aggiungi il tuo disegno
Trascina l'SVG sulla pagina o sceglilo dal tuo dispositivo. Viene letto dentro il tuo browser e non viene caricato.
Converti
Premi il pulsante. Le sei dimensioni vengono disegnate una dopo l'altra, il che richiede un momento. Lascia la pagina aperta finché non ha finito.
Scarica e prova
Scarica l'ICO e provalo dove verrà usato. Su un sito web, mettilo nella cartella radice con il nome favicon.ico, oppure collegalo nell'intestazione della pagina, e guarda la scheda di un browser. Su Windows, puoi assegnarlo a un collegamento e vedere come appare a varie dimensioni.
Uno sguardo più da vicino a SVG e ICO
Vettore e raccolta
Un SVG è un unico disegno che può essere reso a qualsiasi dimensione. Un ICO è un contenitore con diverse immagini dentro, ciascuna di una dimensione fissa. Il software che mostra un'icona sceglie l'immagine più vicina alla dimensione di cui ha bisogno, il che evita ingrandimenti sfocati. Convertire SVG in ICO significa rendere il disegno alle dimensioni che il contenitore deve contenere.
Dove si usano le icone
I browser usano le dimensioni più piccole per le schede e quelle più grandi per i segnalibri e la pagina della nuova scheda. Windows le usa per la barra delle applicazioni, il menu Start e Esplora file. I dispositivi mobili hanno propri insiemi di dimensioni di immagine per le schermate iniziali, che sono normalmente file PNG, non ICO. Se stai preparando un'icona di app per un telefono, da SVG a PNG alle dimensioni richieste dalla piattaforma è la strada migliore.
Le favicon oggi
I browser moderni accettano PNG e perfino SVG come favicon, ma l'ICO resta il formato che funziona ovunque, compresi i vecchi browser, alcuni lettori di feed e strumenti che cercano automaticamente favicon.ico. Averne una è la scelta sicura.
Situazioni comuni nel dettaglio
La favicon di un sito web
Converti SVG in ICO, salva il file come favicon.ico nella radice del tuo sito e collegalo. La scheda di ogni browser porterà il tuo marchio, il che rende la pagina riconoscibile fra molte schede aperte.
L'icona di un programma Windows
I programmi su Windows portano un'icona nel loro eseguibile e nei loro collegamenti. Gli sviluppatori hanno bisogno di un ICO a più dimensioni per questo. Le sei dimensioni che ricevi coprono i requisiti abituali.
Collegamenti e cartelle
Su Windows puoi dare a un collegamento o a una cartella un'icona tutta tua. Un ICO fatto dal tuo logo rende il tuo desktop o le cartelle dei tuoi progetti più facili da riconoscere.
Siti di piccole imprese e blog
Una favicon è un piccolo dettaglio che fa sembrare finito un sito. Se il tuo logo è un SVG, questa conversione produce il file che i costruttori di siti ti chiedono di caricare.
Consigli pratici prima di convertire SVG in ICO
Semplifica il disegno
Togli le linee sottili, elimina la scritta o tieni una sola lettera, e usa forme audaci. Guarda l'SVG a 16 pixel nel tuo programma di disegno prima di convertire, per vedere come sarà l'icona più piccola.
Rendi il disegno quadrato
Le icone sono quadrate. Se il tuo logo è largo, collocalo su una tela quadrata con un po' di margine, in modo che non venga tagliato e non sia minuscolo dentro il quadrato.
Controlla il contrasto
Le schede dei browser possono essere chiare o scure. Un marchio con forte contrasto su entrambi gli sfondi è più facile da vedere. Un sottile contorno bianco su un marchio scuro, o una forma piena colorata, di solito funziona.
Conserva l'SVG
L'SVG è l'originale. Se decidi di cambiare l'icona più avanti, ti servirà per convertire di nuovo SVG in ICO.
Domande che si fanno prima di convertire
Perché la mia icona appare sfocata a 16 pixel?
Perché 16 pixel sono pochissimi. Linee sottili e testo piccolo non vi si possono rappresentare. Semplifica il disegno anziché cercare una conversione migliore.
Quali dimensioni contiene il file?
16, 32, 48, 64, 128 e 256 pixel, ciascuna ridisegnata dall'SVG, tutte con trasparenza.
La trasparenza resterà?
Sì. Uno sfondo trasparente nell'SVG è trasparente in tutte e sei le dimensioni dell'ICO.
Posso usare il file come favicon?
Sì. Chiamalo favicon.ico, mettilo nella radice del tuo sito, oppure collegalo dall'intestazione delle tue pagine.
Il mio file viene caricato?
No. La conversione gira nel tuo browser e il file non lascia mai il tuo dispositivo.
Posso ricavare un SVG da un'icona?
Sì, fino a un certo punto. Da ICO a SVG traccia un'icona in forme, anche se la piccola dimensione limita ciò che si può recuperare.
Scegliere con giudizio quando converti SVG in ICO
ICO o PNG?
Per una favicon che funzioni ovunque, scegli ICO. Per le icone delle app sui telefoni e per le immagini nelle pagine web, PNG è il formato abituale. Da SVG a PNG te lo dà.
Pensa all'intero insieme
Se stai preparando un marchio, potresti aver bisogno di un logo in PNG, di una favicon in ICO e di una versione stampabile in PDF. Da SVG a PDF mantiene il disegno come disegno per la stampa.
Prova su una scheda vera
Guarda l'icona in una scheda reale di un browser, sia con un tema chiaro sia con uno scuro. È il posto in cui la incontrerà la maggior parte delle persone.
Ottenere un buon risultato dopo la conversione
Svuota la cache del browser
I browser conservano le favicon a lungo. Se sostituisci un'icona e vedi ancora la vecchia, svuota la cache o apri il sito in una finestra privata.
Controlla tutte le dimensioni
Se hai uno strumento che apre i file ICO, guarda ciascuna dimensione. Un marchio che va bene a 256 pixel può essere illeggibile a 16, e questo ti dice se semplificare.
Chiamalo correttamente
I browser cercano per impostazione predefinita favicon.ico nella radice di un sito. Mantieni quel nome a meno che tu non colleghi il file esplicitamente.
Progettare un marchio che sopravviva alla dimensione più piccola
Parti dalla griglia da 16 pixel
Il modo più affidabile per ottenere un buon risultato quando converti SVG in ICO è progettare pensando alla dimensione più piccola. Immagina una griglia di sedici per sedici quadrati e chiediti cosa puoi collocarvi. Un cerchio, una lettera, un semplice glifo: sì. Una firma, uno stemma con un motto: no. Le dimensioni maggiori andranno bene qualunque cosa tu disegni, quindi quella piccola è il vincolo per cui progettare.
Usa forme forti e pochi colori
Due o tre colori con chiaro contrasto si leggono meglio di una sfumatura di molti. Le forme piene che riempiono la maggior parte del quadrato sono più facili da riconoscere dei contorni sottili, dato che ogni pixel porta più del marchio.
Lascia un po' di respiro
Un marchio che tocca il bordo del quadrato può sembrare stretto, e alcuni sistemi aggiungono arrotondamenti o bordi propri. Un margine di un pixel o due alla dimensione più piccola mantiene intatta la forma.
Guardalo accanto ad altre icone
Apri alcune schede di siti noti e confronta. Vedrai che le icone che funzionano meglio sono molto semplici. Prendi in prestito quella disciplina prima di convertire SVG in ICO, e il tuo risultato reggerà in mezzo a una folla di schede.
Privacy e gestione
Perché la conversione locale conta per i disegni
Loghi e marchi possono essere riservati prima di essere pubblicati. Molti convertitori online caricano il tuo file su un server, lo elaborano e rimandano il risultato, e per un po' una copia vive su una macchina che non controlli. Qui è il tuo stesso browser a fare il lavoro, quindi il disegno resta sul tuo dispositivo.
Cosa succede quando te ne vai
Quando chiudi la pagina, il file convertito scompare dal browser, quindi scaricalo prima. Nulla del tuo disegno viene conservato.
Se qualcosa va storto
L'icona esce vuota
L'SVG potrebbe mancare di una dimensione o di un riquadro di visualizzazione. Aprilo in un editor di testo e controlla che abbia larghezza e altezza o un riquadro di visualizzazione, oppure correggilo nel tuo programma di disegno.
L'icona è tagliata
Alcuni SVG hanno elementi che si estendono oltre la loro area dichiarata. Regola il riquadro di visualizzazione nell'originale in modo che tutto stia dentro.
La pagina si blocca
Tutto gira sul tuo dispositivo. Riprova su un computer, o con un disegno più semplice.
Strumenti correlati
La stessa famiglia di strumenti copre i lavori vicini. Per immagini alle dimensioni che preferisci, usa da SVG a PNG o da SVG a JPG. Per un documento che resta nitido a qualsiasi zoom, da SVG a PDF mantiene il disegno come disegno. Per tracciare le immagini di nuovo in forme, da ICO a SVG, da PNG a SVG e da JPG a SVG fanno il lavoro.
Un esempio svolto
Poniamo che tu abbia aperto un piccolo blog, e il tuo logo sia un SVG: una foglia verde con il nome del blog sotto. Trascini qui l'SVG e premi il pulsante. L'ICO arriva, e nella scheda del browser la foglia è riconoscibile, ma il nome sotto è illeggibile. Apri il tuo programma di disegno, fai una versione con la sola foglia, converti di nuovo SVG in ICO e carichi il nuovo file come favicon.ico. La scheda ora mostra una chiara foglia verde, e il logo completo resta sulla pagina.
Una breve lista di controllo
Prima di convertire
Semplifica il disegno. Rendilo quadrato. Converti il testo in contorni e incorpora le immagini.
Durante la conversione
Resta sulla pagina finché il file non è pronto.
Dopo la conversione
Prova l'ICO in una scheda del browser e in un collegamento, con temi chiari e scuri, e conserva l'SVG.
Errori comuni
Usare il logo completo
Scritte e dettagli sottili svaniscono a 16 pixel. Usa un marchio semplificato.
Aspettarsi che una conversione migliore sistemi un disegno affollato
Il difetto sta nella dimensione, non nello strumento. Semplifica l'SVG.
Dimenticare la cache
Una vecchia favicon può restare nel browser. Svuota la cache prima di decidere che la nuova ha fallito.
Il tuo disegno resta sul tuo dispositivo
La conversione avviene in locale. Il tuo disegno viene letto dal tuo browser, dipinto lì e restituito come ICO. Nulla viene caricato, quindi nessuna copia finisce su un server e nessun altro può vederla. Per marchi non pubblicati, è il modo sicuro di convertire SVG in ICO.
Riepilogo
Per convertire SVG in ICO qui, trascina il disegno e premi il pulsante. Un SVG non è un'immagine ma istruzioni per disegnarne una, e qui quelle istruzioni vengono seguite una volta per ogni dimensione e i risultati vengono salvati come ICO. Il disegno viene reso in un ambiente isolato in cui nulla nel file può essere eseguito, e nulla viene caricato. Il file contiene sei dimensioni: 16, 32, 48, 64, 128 e 256 pixel, ciascuna ridisegnata dall'SVG anziché ridotta a partire dalle altre, e tutte con trasparenza. Un'icona non è una piccola immagine, è un disegno diverso: qualsiasi cosa con linee sottili o testo piccolo si trasforma in poltiglia a 16 pixel per quanto accuratamente sia resa. Se il risultato appare confuso, la risposta è un SVG più semplice anziché una conversione migliore. I caratteri e le immagini prelevati da altrove non vengono risolti.