Favicon Generator
Generate favicons
Generate favicons Funziona localmente nel tuo browser
About the
Il Favicon Generator prende un'immagine, la ritaglia in un quadrato dal centro e produce un file di icone di 64 x 64 che puoi inserire nella radice del sito. Il ritaglio è più importante di quanto sembri: i browser rendono le favicon quadrate, quindi un logo largo schiacciato in un quadrato sembra sbagliato, mentre un ritaglio centrale di solito mantiene la parte riconoscibile. L'immagine viene elaborata su una tela nel tuo browser, quindi non viene caricato nulla.
Where people use the
- Generazione di una favicon da un logo prima del lancio di un sito.
- Produzione di un'icona rapida per un prototipo o uno strumento interno.
- Sostituzione di un'icona segnaposto rimasta da un modello.
- Realizzare una versione quadrata di un logo ampio da utilizzare in una scheda.
How to use the
- 1
Carica un'immagine
Scegli il logo o l'immagine che desideri utilizzare. Un'immagine sorgente quadrata fornisce il risultato migliore perché non viene tagliato nulla.
- 2
Lascialo ritagliare e ridimensionare
Il lato più corto viene utilizzato come quadrato di ritaglio, preso dal centro, e il risultato è disegnato 64 x 64.
- 3
Confronta le due anteprime
L'originale e l'icona vengono visualizzati fianco a fianco in modo da poter vedere cosa è stato rimosso dal ritaglio.
- 4
Scarica l'icona
Salva il file come favicon.ico e posizionalo nella root del tuo sito oppure caricalo ovunque il tuo framework preveda risorse statiche.
Suggerimenti e migliori pratiche
- Carica un'immagine quadrata per evitare di perdere i bordi di un logo largo.
- Assegna all'icona uno sfondo semplice se verrà visualizzata sia sulla scheda chiara che su quella scura.
- Ricarica difficile dopo il caricamento; i browser memorizzano le favicon in modo aggressivo nella cache.
Domande frequenti
Perché il mio logo è ritagliato?
Perché le favicon sono quadrate. Lo strumento prende il quadrato più grande che si adatta, dal centro. Un'immagine sorgente quadrata evita del tutto il ritaglio.
Che dimensione devo caricare?
Almeno 64 x 64, e quadrato se puoi. Le immagini più grandi vengono semplicemente ridimensionate; quelli più piccoli sembreranno morbidi.
Ho bisogno di più di una taglia?
Per la maggior parte dei siti è sufficiente un'icona, perché i browser ridimensionano un'icona da 64 pixel per le schede. Se desideri risultati nitidi ovunque, genera separatamente versioni da 16, 32 e 180 pixel.
Dove va a finire il file?
Nella root del sito come favicon.ico, che i browser richiedono per convenzione. Se il tuo framework fornisce file statici da una directory come public, inseriscilo lì.
Perché la scheda mostra ancora la vecchia icona?
Perché è memorizzato nella cache. Ricarica la pagina o aprila in una finestra privata e verrà visualizzata la nuova icona.