Come creare un logo personalizzato iPhone Icona per il tuo sito web

August 28

Come creare un logo personalizzato iPhone Icona per il tuo sito web


L'iPhone rappresenta la più grande fetta del traffico web mobile per la maggior parte webmaster. Quindi, ti consigliamo di rendere più facile per i visitatori di iphone per il tuo sito preferito con un'icona iPhone personalizzato. Se non si crea un'icona personalizzata, l'iPhone creerà un piccolo screenshot della home page, invece, in modo da una bella grafica leggibile sarà meglio se si desidera che gli utenti di riconoscere il tuo sito.

Torniamo indietro di un passo così quelli di voi senza iPhone sapranno perché questo conta. L'iPhone permette ai visitatori del sito di bookmark una pagina o aggiungendola ai preferiti nel browser Safari, o mettendo un'icona nella schermata iniziale che agirà come un collegamento al vostro sito. Quando un utente fa clic il segno + in basso al centro del proprio browser web Safari iPhone di bookmark una pagina sul proprio iPhone, vedranno la vostra icona personalizzata invece della schermata miniatura della pagina. Ecco come si presenta su iPhone quando si aggiunge un segnalibro.

Ecco un passo a tre "How To" sulla creazione e la pubblicazione di un segnalibro specifico iphone che apparirà nella schermata iniziale iPhone quando i visitatori il tuo sito preferito e scegliere "Aggiungi a Home" dalle opzioni dei preferiti presentate dalla iPhone.

istruzione

1

Ecco cosa l'icona del segnalibro WebSite101 sembrava come quando ho lasciato il mio iPhone a creare per me. Non è di forte impatto visivo e non aiuterà chiunque a ricordare ciò che segnalibro. Se si dispone di un logo già esistente che può essere adattato ad un'icona quadrata 45X45 pixel, semplicemente ridimensionare il logo per adattarsi al piccolo formato quadrato utilizzando il vostro programma di grafica preferito. Ho fatto il mio prendendo un'icona Twitter esistente creato per WebSite101 e ridurre le dimensioni da 73 pixel quadrato per le richieste di 45 pixel.

2

Ecco il mio logo adattato per adattarsi al formato quadrato richiesta di iPhone icons. (Ho aggiunto un contorno in modo da poter vedere i bordi contro lo sfondo bianco qui.) Salvare l'immagine in formato PNG e il nome "mela-touch-icon.png" e caricare che grafica alla radice del tuo sito utilizzando un programma FTP. Il logo personalizzato sulla sinistra è molto più probabile per aiutare i visitatori ricordare il sito e quello che segnalibro.

3 Come creare un logo personalizzato iPhone Icona per il tuo sito web


Ora che hai caricato l'icona grafica che rappresenta il vostro sito, come si fa a ottenere l'iPhone di riconoscere e utilizzare la nuova versione, invece di quel piccolo screenshot? Aggiungere la seguente riga di codice alla sezione <head> delle tue pagine.

<Link rel = "Apple-touch-icon" href = "/ apple-touch-icon.png" />

Consigli e avvertenze

  • Se l'icona non compare nel primo test, prova ad aggiungere il nome di dominio per il percorso dell'immagine.
  • Se si desidera memorizzare l'icona iPhone in una cartella di immagini regolare il percorso del file per riflettere posizione