Come aggiungere un sito web icone per iPhone, iPad e iPod Touch

Favicon.ico - Icona sito nel browser

Prima ha lanciato un sito web e aggiungere un file grafico, faviconChe appaiono nel browser, la barra degli indirizzi. Nella maggior parte delle situazioni, la favicon è un logo grafico in miniatura o le iniziali rispettivi siti web. Questo favicon è aggiunto per aiutare gli utenti a identificare un indirizzo più veloce segnalibri web.

Stealth Impostazioni favicon

Stealth Impostazioni favicon in Safari

Favicon in Opera

Favicon in Opera

Fino a poco tempo, questo file dovrebbe essere nella forma "favicon.ico"Essere identificati dal browser web. Chrome, Internet Explorer, Opera, Safari, Firefox, ecc.
Per diversi anni, con l'avanzare nuovi linguaggi web, HTML5 si CSS3, Favicons può essere un il file .png o . Jpg. La condizione è che l'intestazione del sito, prima di </ head>, Be questa linea:

<Link rel = "icona di collegamento" href = "/ images / favicon.ico" type = "image / x-icon" />

Icona sito web per iOS - iPhone, iPad e iPod Touch

In iOS Siamo in grado di aggiungere tasti di scelta rapida delle pagine Web pe Home screenCPCiPhone, iPad si iPod touch.

Come aggiungere un collegamento sito web su iPhone, iPad e iPod schermata iniziale

Lo facciamo con l'apertura di un sito web sul vostro iPhone (Safari, Chrome, browser Internet, ecc), cliccate sul quadrato con la freccia (il segno per "quota" in iOS), quindi l'opzione "Aggiungi a Home".

Se il sito è impostato favicon per il browser, ma non impostare dispositivo iOS siti un'icona specifica, Verrà visualizzata la schermata un'icona costituito da un immagine di anteprima pagina web.

Come aggiungere le icone web per iPhone, iPad e Android.

Il primo passo ècreare un'icona un'immagineChe appaiono su Home screencomunità di iDevice CPC. Per icona web è compatibile su tutti i dispositivi e di vedere chiaramente, dobbiamo creare un'immagine per tutte le risoluzioni iPhone e iPad.

Risoluzioni e dimensioni standard delle icone per iPhone, iPad, iPod e Android

  • modelli classici di iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Inoltre = 180 180 ×

mela aggiornato regolarmente la dimensione delle icone consigliatoURL applicazioni si le pagine web pe questa pagina.

Per il Android i dispositivi, le icone sono due dimensioni:

  • Android × classico = 128 128
  • Android ad alta risoluzione (Hi-Res) = 192 192 ×

Icone

Dopo aver fatto le immagini, salire sul server web, il sorgente HTML del sito web prima di </ head> della chiusura, aggiungere le seguenti righe:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" sizes = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" sizes = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" sizes = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" sizes = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

Per i dispositivi di Apple, e .PNG nome dell'immagine "rel =" deve contenere il prefisso "di mela". Per Android, il nome del file sarà "icona hires.png"E"icona normal.png"Con rel =" icona ".

Vi è assolutamente necessario creare immagini per ciascuna risoluzione separatamente. È possibile fare una immagine per l'alta risoluzione e dispositivi con risoluzione più bassa, identificheranno e si impostare l'icona.

iPhone Icona Sito

L'icona del collegamento sarà simile al sito web di qualsiasi applicazioni per iOS.

Come aggiungere un sito web icone per iPhone, iPad e iPod Touch

Circa l'autore

Azione furtiva

Appassionato di tutto ciò che significa gadget e IT, scrivo con piacere stealthsettings.com da 2006 e mi piace scoprire con voi cose nuove su computer e sistemi operativi macOS, Linux, Windows, iOS e Android.

Lascia un tuo commento

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.