Convertire SVG in icona
Un solo logo vettoriale può alimentare tutte le icone che servono: la favicon, il collegamento di Windows, l'app per Mac e le icone del launcher sui telefoni. Questa pagina parte da un ICO multi-dimensione e permette di passare a ICNS o PNG per le altre piattaforme.
Convertitore di immagini
oppure trascina qui File JPG, JPEG, JPE … ·
Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti
I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.
85 mantiene le foto visivamente identiche all'originale. Abbassarla solo se serve un file più piccolo.
JPG, BMP ed EPS non supportano la trasparenza. I pixel trasparenti vengono riempiti con questo colore.
Colore esadecimale usato dietro i pixel trasparenti, ad es. #FFFFFF.
Questo formato contiene una sola immagine. Scegliere GIF o WebP come output per mantenere l'animazione.
Un'icona multi-dimensione contiene più risoluzioni in un solo file; browser e sistemi operativi scelgono quella che serve.
Mantiene le dimensioni originali, oppure si inserisce un lato e le proporzioni vengono conservate.
Pixel per il lato scelto sopra.
Percentuale delle dimensioni originali.
sRGB è la scelta giusta per schermi e web. Mantenere l'originale per i flussi di stampa; la scala di grigi elimina il colore.
Solo metadati, 0 mantiene il valore originale. Le stampanti e alcuni portali leggono questo numero; non cambia le dimensioni in pixel.
Come usare questo strumento
- 1
Caricare un SVG quadrato
Aggiungere l'SVG del proprio marchio, possibilmente con un viewBox quadrato. È possibile aggiungere fino a 20 file alla volta, per esempio una variante chiara e una scura.
- 2
Scegliere il formato dell'icona
È preselezionato ICO con Dimensioni delle icone impostato su Tutte le dimensioni (16–256). Scegliere ICNS sotto Converti in per macOS, oppure PNG con una larghezza sotto Ridimensiona l'immagine di output per l'icona di un telefono o di uno store.
- 3
Convertire e posizionare i file
Premere Converti in ICO (l'etichetta segue il formato scelto), scaricare e mettere ogni file dove la rispettiva piattaforma se lo aspetta.
Non esiste un unico formato di icona. Windows e i browser usano ICO, macOS usa ICNS e i telefoni usano set di PNG. Partire da SVG significa che ogni formato viene disegnato da zero a partire dal vettoriale, nitido a ogni dimensione.
Da SVG a icona: un vettoriale, tre tipi di file icona
Un file di icona è un contenitore di piccole bitmap, non un vettoriale. Il sistema operativo sceglie la bitmap più vicina alla dimensione necessaria, quindi una buona icona ne contiene diverse, ciascuna disegnata sulla propria griglia.
Il preset ICO di questa pagina scrive un file con tutte le dimensioni da 16 a 256 px, adatto a favicon.ico e ai collegamenti di Windows. Impostare Converti in su ICNS per un contenitore di icone Apple, oppure su PNG per le singole dimensioni richieste da Android, iOS e dagli app store.
La tabella riporta ciò che le principali piattaforme pubblicano per i propri spazi icona.
| Ente | Requisito | Fonte |
|---|---|---|
| Desktop e barra delle applicazioni di Windows | ICO con più dimensioni, tra cui 16, 32, 48 e 256 px | — |
| Favicon del sito web | favicon.ico nella radice del sito con 16, 32 e 48 px; un PNG da 180 × 180 px per apple-touch-icon | — |
| Icona app macOS | ICNS o asset catalog di Xcode, dimensioni fino a 1024 × 1024 px | — |
| Scheda dello store Google Play | PNG a 32 bit da 512 × 512 px, fino a 1.024 KB | — |
| Apple App Store | PNG da 1024 × 1024 px senza trasparenza | — |
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
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
Si cerca da SVG a icona quando si ha un unico logo vettoriale e più piattaforme da servire, ciascuna con il proprio contenitore di icone: dal favicon.ico di un sito all'ICNS su Mac, fino ai PNG dimensionati negli app store.
Convertire SVG in file icona per Windows, Mac, Android e iOS
Mantenere ICO e Dimensioni delle icone su Tutte le dimensioni. Rinominare il risultato in favicon.ico per la radice di un sito, oppure indicarlo nella finestra Cambia icona di un collegamento di Windows.
- Un solo .ico basta per schede, segnalibri e barra delle applicazioni
- Aggiungere un PNG da 180 px per i segnalibri nella schermata Home di iPhone
Scegliere ICNS sotto Converti in. Il file contiene dimensioni fino a 256 px; per un bundle di app, esportare anche PNG da 512 e 1024 px per Xcode.
- Usare un SVG quadrato con un po' di margine
- Le icone Apple stanno su un quadrato arrotondato; disegnarlo nell'SVG per ottenere lo stesso aspetto
Scegliere PNG e impostare la larghezza sotto Ridimensiona l'immagine di output, una volta per dimensione. Le schede degli store richiedono 512 px per Google Play e 1024 px per l'App Store.
- Le icone adattive di Android usano livelli da 108 dp con una zona sicura da 72 dp
- Rimuovere la trasparenza dall'icona dell'App Store
Progettare un SVG leggibile anche a 16 px
Un'icona da 16 × 16 px ha 256 pixel in tutto. La maggior parte dei marchi mantiene un simbolo separato per le icone, spesso solo il simbolo o una lettera, con forme marcate e pochi colori; se il proprio non esiste ancora, creare una copia semplificata dell'SVG per le icone.
Controllare il viewBox prima di convertire. Un viewBox largo produce un'icona con bande vuote sopra e sotto il marchio, quindi conviene ritagliarlo prima in formato quadrato; la guida su come ritagliare un'immagine con una proporzione tratta i ritagli quadrati, mentre da SVG a PNG offre una rapida anteprima grande per valutare il disegno.
Domande frequenti su SVG in icona
Qual è la differenza tra questa pagina e SVG in ICO?
Da SVG a ICO si concentra sul singolo file .ico per favicon e Windows. Questa pagina copre tutti i punti in cui serve un'icona, compresi l'ICNS per macOS e i PNG a dimensione fissa richiesti da Android, iOS e dagli app store.
Quale formato di icona usa ciascun sistema operativo?
Windows legge ICO, macOS legge ICNS o gli asset catalog creati in Xcode, mentre Android e iOS usano immagini PNG fornite a dimensioni in pixel fisse.
Si possono ottenere tutte le dimensioni PNG per un'app con una sola conversione?
No. Un PNG contiene una sola dimensione, quindi ogni conversione produce una sola larghezza. Impostare Ridimensiona l'immagine di output su una dimensione, convertire, poi cambiare il numero e convertire di nuovo: ogni dimensione viene disegnata nitida a partire dal vettoriale.
L'ICNS di questa pagina copre le icone Retina del Mac?
Contiene dimensioni da 16 fino a 256 px. Le icone attuali delle app macOS includono anche voci da 512 px e 1024 px per i display Retina, che Xcode o iconutil di Apple creano a partire da PNG; esportare qui queste due come PNG e aggiungerle al set.
L'icona deve mantenere lo sfondo trasparente?
Per ICO, ICNS e i livelli del launcher di Android, sì: la trasparenza permette al sistema di disegnare il proprio sfondo. L'icona iOS per l'App Store è l'eccezione: Apple rifiuta un'icona di marketing da 1024 px con canale alfa, quindi per quel PNG occorre uno sfondo pieno nell'SVG.
Perché un logo ricco di dettagli diventa una macchia come icona piccola?
A 16 o 32 px non c'è spazio per linee sottili o testo piccolo. Ispessire i tratti in modo che coprano almeno un pixel intero alla dimensione minima ed eliminare il logotipo testuale.
Altri convertitori di icone
- Convertitore SVG in ICOConvertire SVG in ICO con tutte le dimensioni da 16 a 256 px ricavate dal vettore, trasparenza inclusa. Per favicon.ico o icone Windows dal logo.
- Convertire PNG in ICNSConverti un PNG in icona Apple .icns per app Mac, script, volumi DMG e cartelle. Più dimensioni, trasparenza mantenuta, senza Xcode.
- Convertire SVG in PNGConverti loghi e icone SVG in PNG alla larghezza scelta, 1024 px di default, con lo sfondo trasparente intatto. Scopri il rapporto tra DPI e pixel.
- Convertire immagini in ICOConverte qualsiasi immagine in un .ico multidimensione per favicon o collegamenti Windows. Accetta PNG, JPG, SVG, WebP, HEIC e altri; da 16 a 256 px.
- Convertitore da ICNS a PNGConverti icone macOS .icns in PNG online. L'immagine più grande del set, fino a 1024 × 1024 px, viene salvata con la trasparenza. Anche su Windows.
- Convertire PNG in ICOConverti PNG in ICO online: un file .ico con tutte le dimensioni da 16 a 256 px e trasparenza mantenuta. Per favicon e Windows. Gratis, senza account.