Categoria: Immagini
Generatore di favicon
Da un'immagine a un set completo di icone
Apri un logo e ottieni icone PNG da 16, 32, 48, 64, 128, 180, 192 e 512 pixel, più i tag link da incollare nel tuo head. Ogni misura è disegnata nel browser e l'immagine non viene mai caricata.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
Salva i file nella radice del sito perché gli URL qui sopra funzionino, e mantieni stabili i nomi: una favicon spostata va sottoposta di nuovo a scansione.
Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.
A cosa serve
Una favicon non è più un solo file. Le schede del browser vogliono 16, 32 e 48 pixel, gli schermi ad alta densità chiedono le versioni da 64 e 128, iOS legge un apple-touch-icon da 180 e un manifest di app web Android chiede 192 e 512. Questo strumento le produce tutte da una sola immagine, un canvas per misura, inserendo il disegno nel quadrato invece di deformarlo, e restituisce il markup che le richiama con URL stabili. Tutto in PNG, perché ogni browser in uso legge favicon PNG e il vecchio formato ICO non offre nulla in cambio.
Come si usa
- Scegli un logo o un'immagine quadrata, meglio se 512 x 512 o più.
- Se serve aggiungi un margine, oppure riempi lo sfondo quando l'icona deve essere opaca.
- Scarica ogni misura, salvale nella radice del sito e incolla l'HTML nel tuo head.
Privacy
Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.
Domande frequenti
- Il mio logo viene caricato?
- No. Ogni icona è disegnata su un canvas di questa pagina e offerta come download locale. L'immagine non lascia il tuo dispositivo.
- Che dimensione deve avere l'immagine di partenza?
- Almeno 512 x 512, quadrata e con un po' d'aria attorno al segno. Qualcosa di più piccolo va ingrandito per le misure grandi e risulterà sfocato.
- Serve ancora un file favicon.ico?
- Non per i browser attuali, che leggono tutti icone PNG dichiarate con un tag link. Qualche software molto vecchio cerca ancora /favicon.ico, quindi tenerlo non fa danni se già ce l'hai.