How to create a custom iPhone and iPod touch icon for your web site Come creare un iPhone e iPod toccare l'icona per il vostro sito web

by Ross McKillop on August 11, 2008 da Ross McKillop il 11 agosto 2008

Web design & deviPod

This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. Questo breve tutorial vi spiegherà come creare un'icona personalizzata per visualizzare sul iPhone e / o iPod touch trampolino di lancio per il tuo sito web.

sito icona personalizzata per simplehelp.net sul trampolino iphone

  1. When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. Quando un utente aggiunge un sito per il loro trampolino utilizzando il Aggiungi alla schermata principale caratteristica, per impostazione predefinita, l'iPhone o iPod touch utilizza una miniatura della parte visibile della pagina vengano visualizzati in Safari.
  2. sito icona di default per l'iPhone e iPod touch trampolino
    click to enlarge clicca per ingrandire

  3. If you’d like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129×129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). Se desideri che il tuo sito per avere un molto piacevole icona appare sul trampolino quando le persone che aggiungere, creare una 57px da 57px PNG icona, il nome che Apple-touch-icon.png e caricarlo nella cartella principale del tuo sito . Nota: Apple stesse effettivamente utilizzare un 129 × 129px icona, così si potrebbe voler esperimento per vedere cosa appare dimensione migliore per la vostra (che scala il valore predefinito per iPhone / iPod touch trampolino icona dimensioni).

    If you don’t have access to the root folder of your site, or you’d like to put the icon elsewhere, add the following line to the <head> of your site: Se non si dispone di accesso alla cartella principale del tuo sito, o vuoi mettere l'icona altrove, aggiungere la seguente riga al <head> del tuo sito:

    <link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). <link rel="apple-touch-icon" href="/path/to/file.png" /> (e caricare il file.png a quella cartella).

  4. Now when someone adds your site, it will have a nice icon associated with it. Ora, quando qualcuno aggiunge il tuo sito, avrà una bella icona ad esso associati.
  5. l'aggiunta di un sito per l'iPhone e iPod touch trampolino
    click to enlarge clicca per ingrandire

  6. Done! Fatto!
  7. icona personalizzata per simplehelp.net per l'iPhone e iPod touch trampolino
    click to enlarge clicca per ingrandire

Related Posts: Related Interventi:
  • How to customize the music icons (buttons) on your iPhone or iPod Touch Come personalizzare la musica icone (pulsanti) sul vostro iPhone o iPod Touch
  • How to reorder the icons on your iPhone or iPod Touch springboard Come per riordinare le icone sul vostro iPhone o iPod Touch trampolino
  • How to accurately relocate the cursor in Notes for your iPhone or iPod Touch Come trasferire in modo accurato il cursore nelle note per il vostro iPhone o iPod Touch
  • How to take screenshots of your iPhone or iPod Touch screen Come prendere screenshot del vostro iPhone o iPod Touch screen
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch Screenshot Tour: Crash Bandicoot Nitro Kart 3D per iPhone / iPod Touch
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Ottieni Aiuto tutorial semplice come questo nella tua casella di posta tutti i giorni - gratuitamente! Just enter your email address below: Basta inserire il tuo indirizzo email qui sotto:

    You can always opt out of this email subscription at any time. È possibile scegliere di questa e-mail di iscrizione in qualsiasi momento.


    Bookmark and Share Favoriti e Condividi

    { 1 trackback } (1) trackback

    iPhone/iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata) iPhone / iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata)
    08.13.08 at 5:57 am 08.13.08 alle 5:57 am

    { 0 comments… (0 commenti ... add one now aggiungere uno ora } )

    Leave a Comment Lascia un tuo commento

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> È possibile utilizzare questi tag HTML e gli attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>