Convertitore SVG in ICO

Partire da un SVG per creare una favicon è il caso ideale: ogni dimensione dell'icona viene disegnata da zero a partire dal vettore, invece di essere rimpicciolita da una bitmap grande, così la versione da 16 px resta nitida quanto la griglia di pixel consente.

oppure trascina qui File JPG, JPEG, JPE … ·

Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti

Output

Converti in

I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.

Come usare questo strumento

1
Caricare il logo SVG
Usare il simbolo o il monogramma, non il logotipo completo. Un viewBox quadrato dà il risultato più nitido.
2
Mantenere tutte le dimensioni dell'icona
Dimensioni delle icone parte da Tutte le dimensioni (16–256), che racchiude ogni risoluzione in un unico file .ico. Scegliere una sola dimensione solo se un programma ne richiede esattamente una.
3
Premere Converti in ICO
Salvare il file come favicon.ico nella cartella principale del sito, oppure collegarlo a un collegamento di Windows.

Risposta

Come convertire SVG in ICO per una favicon?

Caricare l'SVG, lasciare Dimensioni delle icone su Tutte le dimensioni (16–256) e premere Converti in ICO. Si ottiene un unico file .ico con ogni risoluzione ricavata dal vettoriale, con la trasparenza intatta.

Convertitore SVG in ICO: perché il vettoriale è la sorgente giusta

Il formato .ico risale alle prime versioni di Windows, mentre la convenzione favicon.ico risale a Internet Explorer 5 nel 1999, che cercava un file con quel nome nella radice di ogni sito aggiunto ai preferiti. Un ICO è un piccolo contenitore: un elenco di voci, ciascuna una bitmap quadrata separata, quindi un solo file può contenere un'icona da 16 px per la scheda e una da 256 px per il desktop. Windows Vista ha portato il massimo a 256 × 256 e ha consentito di memorizzare queste voci grandi come PNG.

Poiché ogni voce è una bitmap a sé, la qualità di un'icona dipende da come è stata prodotta ciascuna dimensione. Da un PNG, ogni dimensione è un ridimensionamento degli stessi pixel. Da un SVG, ogni dimensione è un nuovo rendering dei tracciati, con l'anti-aliasing calcolato per quella precisa griglia. A 16 × 16 px, dove un logo dispone di 256 pixel, la differenza è visibile.

1:1

16 × 16 px

16 × 16

Schede del browser, preferiti ed elenchi della cronologia.

1:1

32 × 32 px

32 × 32

Schede su schermi ad alta densità, collegamenti nella barra delle applicazioni di Windows.

1:1

64 × 64 px

64 × 64

Visualizzazioni del desktop in scala ed elementi aggiunti.

1:1

128 × 128 px

128 × 128

Anteprime grandi nei file manager.

1:1

256 × 256 px

256 × 256

La voce ICO più grande; icone extra grandi di Esplora file.

SVG

Scalable Vector Graphics

SVG è un formato vettoriale basato su XML standardizzato dal W3C nel 2001. Invece dei pixel descrive forme, tracciati e testo, quindi resta nitido a qualsiasi dimensione ed è di solito minuscolo per loghi e icone. Supporta trasparenza, stili CSS, script e animazioni, e ogni browser lo visualizza in modo nativo. SVG non è adatto alle fotografie, e le illustrazioni complesse possono diventare lente da visualizzare. Illustrator, Inkscape, Figma e i browser possono aprirlo e modificarlo.

Compressione: –
Trasparenza: Sì
Animazione: Sì
Introdotto: 2001 · W3C

Convertitore SVG

ICO

Icona di Windows

ICO è il formato di icona di Microsoft usato per le icone dei programmi Windows e le favicon dei siti web. Un singolo file .ico può contenere più immagini di dimensioni diverse, come 16×16, 32×32, 48×48 e 256×256 pixel, così il sistema può scegliere quella più adatta. Ogni immagine può essere memorizzata come bitmap o come dati PNG e supporta la piena trasparenza alfa. ICO non è pensato per foto o grafiche di grandi dimensioni. Browser, Windows e la maggior parte degli editor di icone possono leggerlo.

Compressione: Senza perdita
Trasparenza: Sì
Animazione: No
Introdotto: Microsoft

Convertitore ICO

Si converte SVG in ICO perché il logo esiste come vettoriale, mentre la radice del sito web, un collegamento di Windows o un'applicazione desktop richiedono ancora un unico file .ico con più dimensioni bitmap.

Preparare l'SVG prima di convertire SVG in ICO

Da fare	Da evitare
Impostare il viewBox su un quadrato, ad esempio `0 0 512 512`.	Affidarsi a tratti sottilissimi che spariscono sotto i 32 px.
Lasciare un piccolo margine in modo che il simbolo non tocchi il bordo dell'icona.	Mantenere un logotipo largo che diventa una sottile macchia.
Convertire il testo in contorni, così il font non cambia.	Richiamare immagini esterne o web font all'interno dell'SVG.
Usare il simbolo o le iniziali, non il nome completo.	Aggiungere un rettangolo bianco dietro il logo, a meno che non lo si voglia anche nelle schede scure.

Il convertitore renderizza ciò che l'SVG descrive e nient'altro, quindi risorse collegate e font non incorporati non possono essere recuperati. Strumenti di progettazione come Figma, Illustrator e Inkscape possono esportare il testo come tracciati: così le lettere corrisponderanno al marchio ovunque.

Una volta ottenuto il file .ico, aggiungere un PNG da 180 px per le Apple touch icon e l'SVG stesso per i browser che supportano le favicon vettoriali; SVG in PNG produce il PNG a qualsiasi dimensione. Se invece la sorgente è un logo bitmap, PNG in ICO svolge lo stesso compito a partire dai pixel.

Convertire SVG in ICO: domande frequenti

Perché usare un convertitore SVG in ICO invece di partire da un PNG?

Un PNG va rimpicciolito per ogni dimensione dell'icona, e il ridimensionamento sfoca i bordi. Un SVG viene invece renderizzato direttamente a 16, 32, 64, 128 e 256 px, così ogni dimensione ha bordi nitidi sulla propria griglia di pixel.

I browser hanno ancora bisogno di favicon.ico se il sito ha già un'icona SVG?

Chrome e Firefox leggono una favicon SVG dichiarata con un tag link, ma molti browser, lettori di feed e crawler richiedono ancora /favicon.ico dalla radice del sito. Fornire entrambi i file copre ogni caso.

Cosa succede se l'SVG non è quadrato?

Gli spazi per le icone sono quadrati, quindi un logo largo ottiene margini vuoti oppure appare minuscolo. Conviene modificare prima il viewBox rendendo uguali larghezza e altezza, oppure ritagliare una versione quadrata con lo strumento ritagliare immagine dopo aver esportato un PNG.

Lo sfondo trasparente viene mantenuto nell'ICO?

Sì. L'ICO supporta il canale alpha, quindi le aree senza riempimento nell'SVG restano trasparenti e l'icona si vede bene sia sulle schede chiare sia su quelle scure del browser.

Si può convertire SVG in ICO per l'icona di un programma o di una cartella di Windows?

Sì, lo stesso file funziona. Windows usa l'immagine da 256 px per le visualizzazioni grandi ed extra grandi di Esplora file e le voci più piccole per gli elenchi e la barra delle applicazioni.

Perché l'icona sembra vuota a 16 px?

I tratti sottili e i testi piccoli scompaiono a quella dimensione. Un tratto di 2 unità in un'area di lavoro di 512 unità viene reso a ben meno di un pixel in un'icona da 16 px. Meglio ispessire le linee o usare un simbolo più semplice per la favicon.

Convertitore SVG in ICO

Convertitore di immagini