>> Elettronica Tecnologia >  >> Cellulari e Accessori >> iPhone

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" />

  1. Come fare le tue icone proprie per iPhone Apps
  2. Come creare iPhone Applicazioni Web
  3. Come risolvere SIM Reader per il vostro iPhone
  4. Come creare un logo di avvio personalizzato per iPhone 3Gs
  5. Come creare moduli per l'iPhone
  6. Come creare suonerie personalizzate per iPhone in iTunes