Creare un’icona per iPhone in stile WebApp per il proprio sito

Se amministrate un sito e volete personalizzare il bookmark per renderlo perfettamente compatibile con l’iPhone allora seguite questa semplice guida.

Con la possibilità di inserire sulla springboard i propri siti preferiti, quello delle icone web per iPhone è diventata una questione importante, soprattutto per chi amministra un sito e vuole un bookmark perfettamente compatibile nel caso in cui degli utenti la vogliano utilizzare sul proprio iPhone.

Il più delle volte, infatti, quando salviamo un sito sulla springboard questo si presente come un piccolo snapshot o, al massimo, una piccola icona.

Per creare una WebClip accattivante ed in pieno stile WebApp, comprensivo anche dell’effetto glossy e dell’effetto tondeggiante, allora seguite questi semplici passaggi (la guida è stata realizzata da Ian Hoar):

Create un immagine 57×57 in formato .png del logo relativo al vostro sito
Salvatela come “apple-touch-icon.png”
Caricate l’immagine nella root del vostro sito. L’iPhone la riconoscerà automaticamente nel caso venga aggiunto il vosto sito sulla Springboard.

[via]

Tags: icone, sringboard, webapp, WebClip

Giuseppe Migliorino (4 settembre 2008 15:00)

L'utilizzo del contenuto di questo articolo è soggetto alle condizioni della Licenza Creative Commons. Sono consentite la distribuzione, la riproduzione e la realizzazione di opere derivate per fini non commerciali, purchè venga citata la fonte.

IlSignoreDelMale

Probabilmente il sito linkato è momentaneamente down.
Comunque molto utile, ora faccio un test di prova
Giorgio

Perchè non lo sperimentate anche sul vostro sito. Secondo me l’icona di iPhoneitalia dovrebbe essere più accattivante
IlSignoreDelMale

Testato, senza la guida perchè ancora il link non va.
L’effetto glossy lo applica automaticamente l’iphone quando inseriamo il link nella home.
Sarebbe interessante capire se poi l’icona si aggiorna ad ogni connessione al sito in questione, oppure se rimane invariata… faro delle prove, più avanti
Giampyx81

Programma interessante, grazie della segnalazione. Per la cronaca, ora il ink funziona.
IlSignoreDelMale

A me continua a dare un errore 403forbidden
Giuseppe

strano, ho provato piu volte e va, cmq la guida è identica a quella scritta qui, essendomi limitato soltanto alla traduzione
IlSignoreDelMale

Comunque, non sapendo come sia la guida, io preciserei anche che:
- non è necessario sbattersi per fare gli angoli rotondi, per fare i bordi in rilievo o per dare la sfumatura, ci pensa già l’iphone quando aggiungiamo alla home…

io la prima volta mi sono sbattuto a fare tutte queste cose
IlSignoreDelMale

Si con l’iPhone vedo correttamente il sito… sarà un problema di DNS mio
poco importa
Modna

ragazzi 2 domande……

1) x chi non conosce l’inglese e non è molto pratico con htlm dei blog c’è qualche buon’anima che mi puo’ aiutare…..?

2) come si puo’ fare x adattare la pagina del proprio blog, nel caso venga visitato da un’utente dal pc oppure dall’iphone????

domande troppo difficili x voi GURU del forum?
Grazie
http://www.suondmao.altervista.org Suondmao

Non so se c’è scritto nel link che avete messo perchè è down adesso, comunque se si vuole mettere l’icona in una altra posizione e le si vuole dare un altro nome è possibile farla riconoscere lo stesso dall’iphone aggiungendo nella pagine il tag:

@IlSignoreDelMale: non si aggiorna l’icona. devi cambiarla sul sito e riaggiungerlo tra i preferiti per cambiarti l’icona
http://www.suondmao.altervista.org Suondmao

Il tag è stato rimosso dal commento..(wordpress ghgh). Se questa volta compare è:
/< link rel=”apple-touch-icon” href=”/percorso/nomericona.png” >
IlSignoreDelMale

@Suondmao: si ho visto, ho fatto i test e non si aggiorna….
peccato, questo è un po’ un limite, ma sapendolo uno può pensare di fare icone “istituzionali” e non “legate al momento”
http://www.iphoneitalia.com Nico

modna: domande offtopic da ripetere sul forum!

/n.
Pingback: Ecco come creare un’icona per iPhone in stile WebApp | Tecnofobo
Pingback: » Attack from the Dead: la recensione
giovanni

Qualcuno sa indicarmi come creare un’applicazione iphone che apra semplicemente un collegamento a safari con il mio blog, in modo da rendarla scricabile?…più o meno come su repubblica

Creare un’icona per iPhone in stile WebApp per il proprio sito

Ultime news da iPadItalia

Ultime news da SlideToMac

Risorse utili iPhone 4

Guide iPhone 3G e iPhone 3GS

Guide App Store

Risorse utili

Partners

Siti amici