Crea un pacchetto favicon da una sola immagine
Trascina un logo. Scarica un ICO, le dimensioni in PNG e un apple-touch-icon, più un frammento da incollare nel tuo HTML. Il file non esce mai da questo dispositivo.
- Veloce
- 100% privato
- Sempre gratis
- Qualsiasi browser
Drop images anywhere on this page
Un PNG, JPG, SVG o WebP. Resta su questo dispositivo.
Quando creare un pacchetto favicon
Usalo quando un sito ha ancora bisogno di un favicon.ico classico, oltre alle icone PNG che telefoni e browser mostrano davvero. Basta un'immagine di partenza: un logo quadrato in PNG o SVG funziona meglio. L'immagine viene adattata in un quadrato (adatta), quindi un marchio largo riceve un margine invece di deformarsi.
I PNG scaricati escono, di base, con lo sfondo trasparente. L'ICO mette un bianco opaco (o il colore che scegli) dietro il marchio, perché buona parte della vecchia interfaccia delle schede si aspetta ancora un'icona opaca. Qui non ci sono livelli. Se ti serve ritagliare o mettere del testo prima, fallo su Photasium e rilascia il risultato qui.
Lo zip contiene favicon.ico (16 e 32), PNG a 16, 32, 180, 192 e 512, e apple-touch-icon a 180. Incolla il frammento nel head del documento. Le voci facoltative da 192 e 512 sono quelle che un manifest di un'app web di solito chiede. Copi tu i nomi dei file nel manifest.json.
Dopo aver scaricato, comprimi solo se un PNG è ancora pesante. I favicon restano piccoli. Per un'immagine sui social, usa Immagine OG 1200×630 al posto di questo pacchetto.
Il lavoro avviene in questo browser. Nessun account, e niente viene inviato. Chiudi la scheda, e il logo sparisce dallo strumento.
Come fare
- Trascina un PNG, JPG, SVG o WebP. Non esce da questo dispositivo.
- Lascia il PNG trasparente, oppure scegli un colore opaco. L'ICO usa il bianco o quel colore.
- Prepara il pacchetto, copia il frammento HTML e scarica lo zip.
Consigli
- Un logo quadrato resta più nitido. I loghi di testo larghi ricevono un margine sui lati.
- Non usare una foto da 4000 px come favicon. Parti da un marchio semplice.
- L'ICO unisce immagini PNG da 16 e 32. I browser attuali usano anche i link ai PNG.