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, favicon, che appare nel browser nella barra degli indirizzi. Nella maggior parte dei casi, la favicon è una miniatura del logo grafico o delle iniziali del sito web. Questa favicon viene aggiunta per aiutare gli utenti a identificare più rapidamente un indirizzo web nei segnalibri.

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 del 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 screenCPC iPhone, 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 è quello 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 ×

Apple 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
  • Alta risoluzione Android (alta risoluzione) = 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" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

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

Non è assolutamente necessario creare immagini per ciascuna risoluzione individualmente. È possibile creare un'immagine per la massima risoluzione e dispositivi a bassa risoluzione la identificheranno e la configureranno come un'icona.

iPhone Icona Sito

L'icona di collegamento al sito Web sarà simile a qualsiasi altra 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 su stealthsettings.com di 2006 e adoro scoprire nuove cose con te su computer e macOS, sistemi operativi Linux, Windows, iOS e Android.

Lascia un tuo commento