Favicon.ico – Icona del sito Web nel browser
Prima del lancio di un sito Web, viene aggiunto un file grafico, Favicon, per apparire nel browser, nella barra degli indirizzi. Nella maggior parte delle situazioni, Favicon è una miniatura del logo grafico o delle iniziali del rispettivo sito Web. Questo Favicon viene aggiunto per aiutare gli utenti a identificare un indirizzo Web più veloce nei segnalibri.
Fino a poco tempo fa questo file doveva essere di forma “Favicon.ico“, per essere identificato dal browser Web. Chrome, Internet Explorer, Opera, Safari, Firefox, ecc.
Per diversi anni, con il progresso di nuove lingue web, Html9 E CSS3, Favicon può essere un Fisier .png O .jpg. La condizione è che nell'intestazione del sito, Prima </Testa>, per presentare la linea:
<link rel =”Icona di scelta rapida” href =”/images/favicon.ico” tipo =”Immagine/X-icon” />
Icona del sito web per iOS – iPhone, iPad Si ipod touch
In iOS Possiamo aggiungere Scorciatoie di pagine web PE Home Screen-uliPhone, iPad E iPod Touch.
Come possiamo aggiungere il collegamento di un sito Web su iPhone, iPad e la schermata principale dell'iPod
Lo facciamo aprendo una pagina Web sull'iPhone (Safari, Chrome, ecc. Browser Internet), premi sul quadrato con la freccia (il segno per “condividere” in iOS), quindi l'opzione “Aggiungi alla schermata principale“.
Se il sito Web ha Favicon impostato per il browser, ma non è impostato iconita specifica per i dispositivi iOS, sullo schermo apparirà un'icona formata da a Immagina l'anteprima della pagina web.
Come aggiungere icone Web per iPhone, iPad e Android.
Il primo passo è il suoCreiamo un'immagine per iconita, che appare Home Screenl'idea. Affinché l'icona Web sia compatibile su tutti i dispositivi e vede chiaramente, dobbiamo creare l'immagine Per tutte le risoluzioni di iPhone e iPad.
Risoluzioni e dimensioni standard di icone per iPhone, iPad, iPod e Android
- Modelli classici iPhone / iPod / 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6s Plus = 180×180
Mela Aggiorna regolarmente Dimensioni consigliate per iconaURL applicazioni E pagine web PE Questa pagina.
Per i dispositivi Android, le icone sono due dimensioni:
- Android Classic = 128 × 128
- Android con alta risoluzione (Hi-Res) = 192 × 192
Dopo aver scattato le immagini, saliremo il server Web e nella fonte HTML del sito Web, prima di chiudere </Testa>, Aggiungi le seguenti righe:
<link href =”/Apple-touch-icon.png” Rel =”Apple-touch-icon” /> <link href =”/Apple-touch-icon-76×76.png” Rel =”Apple-touch-icon” dimensioni =”76×76″ /> <link href =”/Apple-touch-icon-120×120.png” Rel =”Apple-touch-icon” dimensioni =”120×120″ /> <link href =”/Apple-touch-icon-152×152.png” Rel =”Apple-touch-icon” dimensioni =”152×152″ /> <link href =”/Apple-touch-icon-180×180.png” Rel =”Apple-touch-icon” dimensioni =”180×180″ /> <link href =”/icon-hires.png” Rel =”icona” dimensioni =”192×192″ /> <link href =”/icon-normal.png” Rel =”icona” dimensioni =”128×128″ />
Per dispositivi Apple, nome immagine .png e “Rel =” deve contenere il prefisso “mela-“. Per Android, i nomi dei file saranno “icon-hires.png” E “icon-normal.png” con rel =”icona”.
Non è assolutamente necessario creare immagini per ogni risoluzione. Puoi fare un'immagine per la massima risoluzione e i dispositivi con una risoluzione più bassa la identificheranno e la impostaranno come icona.
L'icona di scorciatoia del sito Web sembrerà quella di qualsiasi Applicazioni per iOS.
