Come aggiungere icone a un sito Web 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.

Stealth Settings favicon
Stealth Settings Favicon dentro 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 a un sito Web su iPhone, iPad e schermata iniziale dell'iPod

Lo facciamo aprendo una pagina web su iPhone (Safari, Chrome, browser Internet ecc.), fare clic sul quadratino con la freccia (il segno per "condividi" in iOS), quindi sull'opzione "Add alla schermata principale".

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 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 di iPhone e iPad.

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

  • Modelele classico di iPhone / iPod = 57 × 57
  • iPad = 76x76
  • iPhone / iPod Retina = 120 × 120
  • Retina dell'iPad = 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-76 × 76.png "rel ="apple-touch-icon "size =" 76 × 76 ″ /> <link href="/apple-touch-icon-120 × 120.png "rel ="apple-touch-icon "size =" 120 × 120 ″ /> <link href="/apple-touch-icon-152 × 152.png "rel ="apple-touch-icon "size =" 152 × 152 ″ /> <link href="/apple-touch-icon-180 × 180.png "rel ="apple-touch-icon "size =" 180 × 180 ″ />

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 del sito web

L'icona di collegamento al sito Web sarà simile a qualsiasi applicazioni per iOS.

Appassionato di tecnologia, scrivo con piacere su StealthSettings.com dal 2006. Ho un'ampia esperienza nei sistemi operativi: macOS, Windows e Linux, nonché nei linguaggi di programmazione e nelle piattaforme di blogging (WordPress) e per i negozi online (WooCommerce, Magento, PrestaShop).

Come » iHowTo » iHowTo - iOS » Come aggiungere icone a un sito Web per iPhone, iPad e iPod Touch
Lascia un tuo commento