Carica Immagine Sorgente
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
Carica qualsiasi immagine e genera favicon in tutte le dimensioni necessarie per il tuo sito. Ottieni schede del browser, Apple Touch Icon, icone Android Chrome e PWA con codice HTML pronto all'uso.
Una favicon curata è solo l'inizio. OneStepToRank aiuta la tua azienda a dominare i risultati di ricerca locali con monitoraggio del ranking in tempo reale e ottimizzazione automatica in tutta la tua area di servizio.
Inizia GratisUna favicon (abbreviazione di "favorites icon") è la piccola icona visualizzata nelle schede del browser, nei segnalibri, nelle voci della cronologia e nella barra degli indirizzi quando gli utenti visitano il tuo sito web. Originariamente introdotta da Internet Explorer 5 nel 1999 come file ICO da 16x16 pixel, le favicon si sono evolute notevolmente. I siti moderni devono fornire più dimensioni di favicon per supportare diverse piattaforme e dispositivi: icone minuscole per le schede del browser, icone medie per le scorciatoie desktop e le barre delle applicazioni, e icone grandi per le schermate iniziali dei dispositivi mobili e le splash screen delle Progressive Web App. Una favicon ben progettata rafforza il riconoscimento del brand in ogni punto di contatto in cui gli utenti interagiscono con il tuo sito.
Il panorama delle favicon può risultare confuso perché diversi browser, sistemi operativi e dispositivi richiedono dimensioni differenti. Ecco una panoramica delle dimensioni più importanti: 16x16 è l'icona classica della scheda del browser usata da tutti i browser desktop. 32x32 è usata nei display retina nelle schede del browser e da Windows per le scorciatoie della barra delle applicazioni. 48x48 e 64x64 sono usate da Windows per le scorciatoie desktop e le tile fissate. 128x128 è richiesto per le inserzioni del Chrome Web Store. 180x180 è l'Apple Touch Icon usata quando gli utenti iOS salvano il tuo sito nella loro schermata Home. 192x192 è usata da Android Chrome per le icone della schermata Home. E 512x512 è usata dalle PWA per le splash screen e contesti di icone più grandi. Come minimo, ogni sito dovrebbe avere una favicon PNG 32x32 e un Apple Touch Icon 180x180.
Per la massima compatibilità, utilizza il formato PNG per tutte le dimensioni di favicon. PNG supporta la trasparenza ed è universalmente supportato dai browser moderni. Il formato ICO tradizionale, che raggruppa più dimensioni in un unico file, è necessario solo per il supporto ai vecchi Internet Explorer. Le favicon SVG stanno guadagnando popolarità e offrono indipendenza dalla risoluzione, ma il supporto dei browser non è ancora completo. Quando crei l'immagine di partenza, inizia con un'immagine quadrata di almeno 512x512 pixel per ottenere i risultati più nitidi in tutte le dimensioni. Design semplici e audaci con dettagli limitati funzionano meglio a piccole dimensioni — testo fine e motivi intricati diventano illeggibili a 16x16 pixel. Usa forme solide, riconoscibili e colori contrastanti. Infine, testa sempre le tue favicon su più browser e dispositivi per assicurarti che siano belle ovunque.