iBlogr.com - Uno (pseudo)network di blog curati da una sola persona (io)

Come creare un icona del proprio sito adatta a Webclips


Con l’update di ieri al software iPhone e iPod Touch è stata introdotta una nuova funzione, chiamata Webclips, che permette di aggiungere i preferiti che si desiderano (fino ad un massimo di 10) all’Home Screen del proprio device, sotto forma di icone.

Come forse avrete notato le icone che si vengono a formare, che vanno a rappresentare i siti, sono costituite da una miniatura della pagina degli stessi siti. Se però gestite uno spazio web e non siete soddisfatti del risultato di defaut che offre il dispositivo avete ora la possibilità di scegliere voi quale sia l’icona che andrà a rappresentare il vostro sito/blog. Farlo è semplicissimo: non dovete far altro che selezionare l’immagine che volete, purchè sia in formato PNG, e caricarla nella root del vostro spazio web dandogli il nome apple-touch-icon.png. Da questo momento se proverete a creare un nuovo webclip relativo all’indirizzo a cui avete assegnato l’immagine, l’icona verrà formata non più da una miniatura ma dalla vostra immagine. Il tutto, come avete notato, non è per nulla complesso. Figuratevi che non dovete preoccuparvi nemmeno di dare all’icona gli effetti di rilievo o arrotondamento dei lati che contraddisgiungono quelle delle restanti applicazioni del devices: questo infatti verrà fatto automaticamente da Apple.

Per terminare, se per caso il file che avete eletto per rappresentare il webclip del vostro sito non risiedesse nella root del vostro sito, potete sempre utilizzare un secondo metodo inserendo le seguenti righe di codice nel documento HTML.
<head>
<title>iHelloWorld</title>
<link rel=”apple-touch-icon” href=”/whatever.jpg”/>
</head>

P.S. Da poche ore anche Mac Blog ha la sua icona! :-P

[Via Vjarmy]

Tags: , , , ,

01/16/2008 | Apple, Varie, iPhone, iPod, iPod Touch | Comments

Leggi il post precedente o successivo a questo

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6 Responses to “Come creare un icona del proprio sito adatta a Webclips”

  1. Posted by: Saint Andrés - 01/17/2008

    Ottimo tutorial provo subito anche io!

  2. Posted by: Saint Andres - 01/17/2008

    E la dimensione dell’immagine, va bene qualsiasi dimensione?

  3. Posted by: Philapple - 01/17/2008

    Mi pare proprio di si. Se non altro io son riuscito a farlo andare con qualsiasi immagine PNG.

  4. Posted by: Mac Blog » Archive » Webclip per tutti! - 01/25/2008

    [...] la funzione Webclip dell’iPhone e iPod Touch (al riguardo cui una settimana fa abbiamo visto come crearne una per il proprio sito) e permette dunque ai suoi visitatori di sapere, per un determinato sito, se questo offra o no una [...]

  5. Posted by: Webclip per tutti! | Apple Blog - 03/11/2008

    [...] la funzione Webclip dell’iPhone e iPod Touch (al riguardo cui una settimana fa abbiamo visto come crearne una per il proprio sito) e permette dunque ai suoi visitatori di sapere, per un determinato sito, se questo offra o no una [...]

  6. Posted by: Sandro Lain - 04/13/2008

    A quanto pare la grandezza delle icone è 57 x 57.

Leave a Reply of Your Own

 

 

 

Login with Facebook: