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

Favicon.ico - Icona del sito web nel browser

Prima ha lanciato un sito web e aggiungere un file grafico, favicon, da visualizzare nel browser, nella barra degli indirizzi. Nella maggior parte dei casi, la favicon è una miniatura del logo grafico o delle iniziali del rispettivo sito web. Questa favicon viene aggiunta per aiutare gli utenti a identificare rapidamente un indirizzo web nei segnalibri.

Azione furtiva Settings favicon

Azione furtiva Settings Favicon in Safari

Favicon in Opera

Favicon in Opera

Fino a poco tempo, questo file doveva essere in forma "favicon.ico", Per essere identificato 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, Be questa linea:

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 aprendo una pagina web sull'iPhone (browser Internet Safari, Chrome, ecc.), Facendo clic sul quadrato con la freccia (il segno "condividi" in iOS), quindi sull'opzioneAggiungi 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 Plus = 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
  • Android ad alta risoluzione (hi-res) = 192 × 192

Icone

Dopo aver realizzato le immagini, queste vengono caricate sul server web e nel sorgente HTML del sito web, prima di chiudersi , vengono aggiunte 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, i nomi dei file saranno "icona hires.png"E"icona normal.png"Con rel =" icon ".

Non è assolutamente necessario creare immagini per ogni risoluzione. È possibile creare un'immagine per la risoluzione più alta e i dispositivi con risoluzione inferiore la identificheranno e la imposteranno come icona.

iPhone Icona Sito

L'icona di collegamento al sito Web sarà simile a 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 riguarda i gadget e l'informatica, scrivo con piacere di nascostosettings.com dal 2006 e mi piace scoprire con te cose nuove su computer e sistemi operativi macOS, Linux, Windows, iOS e Android.

Lascia un tuo commento