Da alcuni anni fa, le favicon che avevano perso gran parte della loro rilevanza sono state resuscitate poiché sempre più browser ora le supportano e, di fatto, le rendono una parte molto visiva dell'esperienza dell'utente. Anche i tablet e i browser per smartphone utilizzano queste icone. Ciò ha portato ad una maggiore importanza di avere una buona favicon. Tuttavia, il modo in cui queste icone vengono presentate varia a seconda del cliente che naviga nel sito web. I desktop richiedono una determinata icona, Apple i dispositivi richiedono qualcosa di diverso, anche le dimensioni diverse complicano le cose.
Una soluzione semplice - Generatore di icone online gratuito per Apple e icone Favicon
Iconifier.net è una soluzione semplice che dato un JPG quadrato, GIF o PNG genererà un set di icone di varie dimensioni in modo che tu possa usare e scegliere quelle che vuoi supportare sul tuo sito web. Devi solo scaricare le icone generate e incorporarle nel codice del tuo sito web. Puoi integrare questi passaggi nel tuo processo di web design.
Incorpora le icone delle favicon nel tuo sito web
Dopo aver creato l'icona favicon.ico utilizzando Iconifier.net sopra, e averla posizionata nella root del tuo sito web aggiungi il seguente codice tra i e del tuo sito web
La Apple ICONS
Dopo aver creato le varie icone utilizzando il sito sopra, dovrai includere anche un codice leggermente diverso per Apple Dispositivi iPhone/iPad (e possibilmente Android). Carica nuovamente i file icona generati nella radice del tuo sito Web e inserisci il seguente codice tra i tag HEAD.
I dispositivi iOS lo gestiranno automaticamente nel loro browser e ridimensioneranno e aggiungeranno alcuni effetti di conseguenza affinché corrispondano allo stile del dispositivo su cui vengono visualizzati.
Per inciso, i grandi sviluppatori iOS e Android non sono facili da assumere, se stai cercando di assumere un buon sviluppatore di app e sai come trovare un buon candidato ti abbiamo coperto CollectiveRay. - ti mostreremo tutti i posti migliori per trovare buoni candidati.
Rosso Altro: Come resettare Apple ID e password se l'hai dimenticato
Icone per dispositivi Android
Android si è basato su Apple icone touch ma aspettati che le icone siano già nella loro versione finale. Questa versione finale è "PRECOMPOSTA" e i dispositivi Android si aspettano che questo tag sia al suo posto. Quindi carica nuove versioni, con nomi leggermente diversi (ad esempio aggiungendo precomposto nel nome) e poi aggiungi il seguente markup. La parte più importante è rel=apple-touch-icon-precomposed. Metti i file nella root del tuo sito web e aggiungi questo codice tra E tag del tuo html
Maggiori dettagli su Favicon possono essere trovati su Wikepedia: https://en.wikipedia.org/wiki/Favicon
Per favore, lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!
Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.
e molti altri ...