Andrea Guida (@naqern)
24 Gennaio 2008
Ormai
una bella fetta dei visitatori della grande rete utilizza sempre più il telefonino come mezzo tramite il quale navigare nel magico mondo del web e, l’imminente arrivo ufficiale nel nostro paese dell’
iPhone di casa Apple non farà altro che aumentare il numero di queste persone.
Tutto ciò si traduce per i vari gestori dei siti web (o blog) in
una maggiore attenzione da dare, sotto il punto di vista tecnico, a tutti quei navigatori che arriveranno tramite cellulari. Tanto per iniziare, oggi vogliamo aiutarvi proprio nell’adattamento del vostro sito/blog per l’
iPhone di casa Apple, illustrandovi quindi
come far comparire la favicon del proprio sito sull’iPhone.
Ecco la facilissima procedura da seguire:
1. Con un qualsiasi programma di grafica, creare una favicon di 45×45 pixel con il logo del proprio sito.
2. Salvare l’immagine in formato png.
3. Rinominare l’immagine creata in apple-touch-icon.png.
4. Copiare l’immagine creata nella directory principale del proprio sito/blog.
5. Se non è possibile copiare l’immagine creata nella directory principale del proprio sito/blog, è possibile inserire un comando con il link alla posizione del file. Ad esempio: <link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" />
.
Ecco fatto! Adesso chiunque visiterà il vostro sito/blog tramite l’iPhone visualizzerà (e potrà quindi mettere nella schermata principale) l’icona originale da voi creata.
In fondo come far comparire la favicon del proprio sito sull’iPhone è un giochetto da ragazzi, non trovate?
#1andrea gori
ehi ma se ho ben capito funziona solo con la 1.1.3, vero?
io sono prudentemente alla 1.1.1 quindi se qualcuno di voi vuole testare il mio sito, ditemi se mi è riuscito!
http://www.burde.it
#2Ale
Vedo na birra giusto? Cmq che trattoria hai per avere 3000 clienti? Sei ricco sfondato
#3axel
Grandissimo! Appena avrò un po’ di tempo la farò anche per il mio blog!!
Ciao
#4Sguairo
carino, niente male, ma anch’io ancora ho la 1.1.2 quindi se qualcuno ha provato.
visit: http://www.addictech.weebly.com/
#5Carlo
la dimensione giusta è 57×57 secondo le specifiche apple! http://developer.apple.com/iphone/devcenter/designingcontent.html
#6Silvio
Io ho provato con il mio sito:www.iphone3gumts.com ma non funziona. Ho provato a riavviare l’iPhone e ancora niente. Ho seguito la procedura, ho messo l’icona in formato 45×45 qui http://www.iphone3gumts.com/apple-touch-icon.png e ho messo nell’head non ho messo graphics perchè l’ho inserito nella root principale. Qualcuno riesce a vederlo? Cos’ho sbagliato? Io ho il firmwere 1.1.4. Grazie. Saluti Silvio