Crea una favicon con un'emoji
Non hai ancora un logo? Un'emoji o un'iniziale in grassetto su una forma colorata danno una favicon chiara, leggibile anche a 16 px. Digita uno o due caratteri, scegli quadrato, arrotondato o cerchio e i colori: ottieni lo stesso set completo che da un'immagine, con favicon.ico, PNG, Apple touch icon e web manifest. L'emoji viene disegnata con il font emoji del tuo dispositivo, quindi appare come la vedi sul tuo schermo.
A grandezza reale
In una scheda del browser
Incolla questo codice nel <head> delle tue pagine:
Metti i file nella cartella principale del sito, accanto alla home. Se li metti altrove, cambia i percorsi.
Come funziona
- Digita un'emoji o una o due lettere nel campo.
- Scegli la forma, il colore dello sfondo e quello del testo. La piccola anteprima cambia mentre scrivi.
- Controlla l'anteprima della scheda, scarica lo ZIP e incolla l'HTML nel <head>.
Domande frequenti
Perché l'emoji appare diversa su un altro computer?
Ogni sistema ha i propri disegni delle emoji: Apple, Google, Microsoft e Samsung le disegnano in modo diverso. La favicon è un'immagine dell'emoji così come la disegna il tuo dispositivo, quindi poi tutti i visitatori vedono esattamente quell'immagine, qualunque sistema usino.
Posso usare le emoji di Apple o Microsoft nella favicon?
I loro disegni delle emoji sono protetti dal diritto d'autore e le licenze non coprono chiaramente l'uso come logo di un sito. Per una pagina personale raramente è un problema. Per un'azienda conviene creare l'icona su un dispositivo con emoji a licenza libera, come Noto Emoji di Google (Android e la maggior parte dei sistemi Linux), oppure usare delle lettere.
Posso scrivere una parola intera?
No, il campo accetta al massimo due caratteri. A 16 px una terza lettera diventa illeggibile: per questo quasi tutte le favicon di testo usano un'iniziale o un monogramma di due lettere.
Esiste una versione SVG per le favicon con emoji?
No. Un SVG con un'emoji verrebbe disegnato con il font emoji di ogni visitatore e potrebbe cambiare da un dispositivo all'altro, quindi in questa modalità escono solo PNG e ICO. Se vuoi una favicon SVG, trascina un logo SVG in modalità Immagine.
Viene caricato qualcosa?
No. I caratteri vengono disegnati su un canvas nel browser e anche i file vengono creati lì. Nulla viene inviato a un server.