24/09/2009


494 visite
Nessun Commento
rispondi
trackback
stampa

Tags

gradimento:

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Popolarità:

Popularity: 15% [?]

Come gestire le icone per iPhone e iPod Touch

Scritto da Sergio in Blog.

Apple Touch icon (ingrandita)Dopo aver parlato delle favicon, volevo ora riportare qualche breve notizia su come, invece, realizzare le icone che iPod Touch ed iPhone usano quando si salva un preferito nella schermata home. Se non è impostata nessuna preferenza, infatti, il sistema effettuerà un piccolos creenshot della pagina web. Ma difficilmente questo sarà “significativo” e riconosibile.

Comunque la soluzione è semplice, e molto simile a quanto già detto per le favicon. Occorre predisporre un file in formato “.png” e chiamarlo “apple-touch-icon.png”, salvandolo nella directory di base del server. Safari cercherà qui infatti il file. Per garantire maggiore flessibilità, è comunque possibile inserire una semplice riga di codice nel proprio html, magari all’interno del tema WordPress.

<link rel="apple-touch-icon" href="http://tuoindirizzo/customIcon.png"/>

Le opzioni di iPhone Icon GeneratorUn gioco veloce insomma. Ma come realizzare l’icona? Anche qui il trucco è semplice.

Basta creare un’immagine .png in formato 57×57 pixels. Safari, al salvataggio, si occuperò di mettervi i bordi. In alternativa, per un maggiore controllo, esiste uno specifico tool online che vi permetterà di creare questa icona e la corrispondente favicon in un colpo solo. Inoltre vi permette di scegliere una serie di opzioni avanzate su come rendere più accattivante l’icona, come da immagine sulla sinistra.

Attenzione: se utilizzate la plugin wpTouch per WordPress per rendere il vostro sito in versione leggibile al browser Safari di iPod Touch, dovrete anche uploader l’immagine lì all’interno, e selezionarla come immagine di default per la home.

Che fare invece se invece non siete proprietari di un sito web, ma piuttosto utilizzatori di uno dei due gioiellini della mela, e volete modificare le icone di alcune pagine web? Anche qui c’è una soluzione.

Vi basterà salvare questo semplice link javascript

Set touch icon

sul vostro iPhone (o su Safari, se poi sincronizzate i preferiti, può essere più semplice). Quando salverete un sito, questo link vi permetterà di specificare un file icona. Che però deve essere disponibile online da qualche parte. Se avete bisogno di qualche idea su come realizzarle, ecco qui un post con oltre 30 raccolte specifiche per iPhone.

Related Posts with Thumbnails

Popularity: 15% [?]

I commenti sono chiusi.