SVG in favicon
Trasforma un logo SVG in un set completo di favicon — favicon.ico, apple-touch-icon e icone per web app — rasterizzate con precisione nel tuo browser. Non viene caricato nulla.
La privacy prima di tutto: ogni immagine viene elaborata localmente nel tuo browser. Nulla viene caricato, memorizzato o trasmesso ad alcun server.
Vettore in ingresso, ogni dimensione raster in uscita
Un SVG è la sorgente ideale per una favicon: è indipendente dalla risoluzione, quindi ogni dimensione può essere rasterizzata dalla geometria originale anziché ricampionata da una bitmap già piccola. Trascina il tuo SVG e ogni file in uscita — 16, 32, 48, 180, 192 e 512 pixel — viene disegnato dal vettore alla sua dimensione nativa, il che mantiene i bordi nitidi anziché confusi. È la differenza tra un'icona che in una scheda sembra voluta e una che sembra una macchia.
Perché ti serve comunque il .ico
I browser moderni usano volentieri una favicon SVG direttamente, ma quelli più datati e moltissimi strumenti — lettori di feed, anteprime nelle chat, collegamenti sul desktop — cercano ancora favicon.ico. Generare entrambi dallo stesso SVG copre ogni caso. Aggiungi spaziatura, scegli una maschera quadrata, arrotondata o circolare e uno sfondo, poi scarica il set completo con uno snippet HTML pronto da incollare.
Domande frequenti
- La mia immagine viene caricata per creare la favicon?
- No. La favicon.ico, le icone PNG e il manifest sono tutti generati localmente nel tuo browser usando la Canvas API. La tua immagine non lascia mai il tuo dispositivo.
- Quali dimensioni e file ottengo?
- Una favicon.ico multi-risoluzione (16, 32 e 48px), icone PNG a 16, 32, 48, 180 (apple-touch-icon), 192 e 512px, un site.webmanifest e uno snippet HTML da incollare nel tuo <head>.
- Posso convertire un PNG o SVG in ICO?
- Sì. Trascina un PNG, JPG, SVG o WebP e scarica una vera favicon.ico. I loghi SVG vengono prima rasterizzati localmente ad alta risoluzione.
- Quale immagine funziona meglio?
- Un'immagine quadrata con un logo semplice e ad alto contrasto. Le immagini non quadrate vengono ritagliate al centro per adattarsi; usa i controlli di padding e forma per inquadrarla come preferisci.
- Come installo la favicon?
- Estrai il pacchetto nella cartella radice del tuo sito e incolla lo snippet HTML fornito nel <head> delle tue pagine. La favicon.ico viene rilevata automaticamente dalla maggior parte dei browser.