Geekissimo

Come far comparire la favicon del proprio sito sull’iPhone

 
Andrea Guida (@naqern)
24 Gennaio 2008
6 commenti
iphonefav.jpg

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?

Potrebbe interessarti anche
Articoli Correlati
Nuova FavIcon per Google! Come possiamo crearne una noi?

Nuova FavIcon per Google! Come possiamo crearne una noi?

Sicuramente non è una grande novità, ma noi di Geekissimo teniamo sotto controllo tutto il Web e quindi vi segnaliamo anche queste piccole novità. Da ieri è stata cambia la […]

Come utilizzare lo stile capolettera in blog e siti web

Come utilizzare lo stile capolettera in blog e siti web

Come è noto (e non bisogna certo essere dei geek per saperlo), così come nel resto della nostra società, anche nel mondo del web l’occhio vuole la sua parte. Di […]

Come liberare il più possibile lo schermo in Firefox

Come liberare il più possibile lo schermo in Firefox

Con l’andar del tempo e l’aumentare delle estensioni installate, Firefox tende a “mangiare” sempre più porzioni di schermo a causa dei miliardi di pulsanti integrati nelle varie toolbar e nella […]

10 semplici consigli per ottimizzare il lavoro di blogger

10 semplici consigli per ottimizzare il lavoro di blogger

Chiunque gestisca uno o più blog, sa sicuramente quanto è difficile ottimizzare i tempi e riuscire a scrivere tutto al meglio, ovvero senza distrazioni di sorta. Oggi noi di Geekissimo […]

Le 8 regole per disegnare un logo perfetto

Le 8 regole per disegnare un logo perfetto

Come già ribadito in diverse occasioni, uno dei principali mezzi per far colpo sui lettori di un sito/blog è quello di adottare una grafica semplice ma allo stesso tempo bella […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #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

    24 Gen 2008, 12:21 pm Rispondi|Quota
    • #2Ale

      Vedo na birra giusto? Cmq che trattoria hai per avere 3000 clienti? Sei ricco sfondato

      11 Gen 2011, 10:21 pm Rispondi|Quota
  • #3axel

    Grandissimo! Appena avrò un po’ di tempo la farò anche per il mio blog!!
    Ciao

    24 Gen 2008, 5:28 pm Rispondi|Quota
  • #4Sguairo

    carino, niente male, ma anch’io ancora ho la 1.1.2 quindi se qualcuno ha provato.

    visit: http://www.addictech.weebly.com/

    24 Gen 2008, 6:21 pm Rispondi|Quota
  • #5Carlo

    la dimensione giusta è 57×57 secondo le specifiche apple! http://developer.apple.com/iphone/devcenter/designingcontent.html

    28 Gen 2008, 4:25 pm Rispondi|Quota
  • #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 https://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

    22 Giu 2008, 2:11 pm Rispondi|Quota
Trackbacks & Pingback
  1. Bluxis - Web Design - Web Marketing - Freeware - Apple » Blog Archive » Far comparire l’icona di un sito sull’iPhone