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 , così un bel grafico leggibile sarà migliore se si desidera che gli utenti di riconoscere il vostro sito .

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

Ecco tre step " . Come " sulla creazione e la pubblicazione di un segnalibro specifico iphone che apparirà nella schermata iniziale iPhone quando i visitatori il tuo sito preferito e scegli " Aggiungi alla Home Screen " dalle opzioni segnalibro presentate dalla iphone .
Hai bisogno
tuo logo in formato quadrato
Graphics Software
programma FTP per caricare Icona
competenze HTML di base

Istruzioni
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 pixel icona quadrata 45X45 , semplicemente ridimensionare il logo per adattarsi al piccolo formato quadrato utilizzando il programma di grafica preferito . Ho fatto il mio prendendo un'icona Twitter esistente creata per WebSite101 e ridurre le dimensioni di 73 pixel quadrati alle richieste di 45 pixel .
2

Ecco la mia logo adattato per adattarsi al formato quadrato richiesto icone iPhone . ( Ho aggiunto un contorno in modo da poter vedere i bordi contro lo sfondo bianco qui . ) Salvare l'immagine in formato PNG e denominarlo " apple -touch - icon.png " e caricare che grafica alla radice del vostro sito utilizzando un programma FTP . Il logo personalizzati sinistra è molto più probabile per aiutare i visitatori ricordare il sito e quello che segnalibro .
3

Ora che hai caricato l'icona grafica che rappresenta il vostro sito , come si fa l' iphone di riconoscere e utilizzare la nuova versione , invece di quel piccolo screenshot ? Aggiungere la seguente riga di codice alla & lt ; head> sezione pagine

& lt . ; link rel = " apple -touch -icon " href = " /apple-touch-icon.png" />