Skip to content Gå til innhold


How to create a custom iPhone and iPod touch icon for your web site Hvordan lage en tilpasset iPhone og iPod touch ikon for ditt nettsted

Web Design & DeviPhoneiPod

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. Denne korte veiledningen vil forklare hvordan du oppretter en egendefinert ikon som skal vises på iPhone og / eller iPod touch springbrett for ditt nettsted.

tilpasset stedet ikon for simplehelp.net på iPhone springbrett

  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. Når en bruker legger et nettsted til springbrett sin ved hjelp av Legg til Home Screen-funksjonen, som standard, vil iPhone eller iPod touch bruke en miniatyr av den synlige delen av siden som vises i Safari.
  2. standard site ikonet for iPhone og iPod touch springbrett
    click to enlarge Klikk for å forstørre

  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). Hvis du vil at nettstedet skal ha en mye bedre ikon vises på springbrett når folk det til, opprette en 57px av 57px PNG-ikonet, navnet den Apple-touch-icon.png, og laste det opp til rotmappen på webområdet ditt . Merk: Apple selv faktisk bruke en 129 × 129px ikon, så du vil kanskje eksperiment for å se hva størrelse ser best for din (det vil skalere til standard iPhone / iPod touch springbrett ikon størrelse).

    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: Hvis du ikke har tilgang til rotmappen på webområdet ditt, eller du ønsker å legge ikonet andre steder, legger du til følgende linje til <head> av nettstedet:

    <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" /> (og laste opp file.png til denne mappen).

  4. Now when someone adds your site, it will have a nice icon associated with it. Nå når noen legger til nettstedet ditt, vil den ha en fin ikon knyttet til den.
  5. Legge til et nettsted til iPhone og iPod touch springbrett
    click to enlarge Klikk for å forstørre

  6. Done! Ferdig!
  7. tilpasset ikon for simplehelp.net for iPhone og iPod touch springbrett
    click to enlarge Klikk for å forstørre

Posted in Posted in Web Design & Dev Web Design & Dev , , iPhone iPhone , , iPod iPod . .

Related Posts: Relaterte innlegg:

How to reorder the icons on your iPhone or iPod Touch springboard Hvordan endre rekkefølgen på ikonene på din iPhone eller iPod Touch springbrett
How to customize the music icons (buttons) on your iPhone or iPod Touch Slik tilpasser musikken ikoner (knapper) på din iPhone eller iPod Touch
How to accurately relocate the cursor in Notes for your iPhone or iPod Touch Slik nøyaktig flytte markøren i Notes for iPhone eller iPod Touch
Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch Skjermbilde Tour: Crash Bandicoot Nitro Kart 3D for iPhone / iPod Touch
How to take screenshots of your iPhone or iPod Touch screen Hvordan ta screenshots av din iPhone eller iPod Touch-skjerm

4 Responses 4 Svar

Stay in touch with the conversation, subscribe to the Holde kontakten med samtalen, abonnere på RSS feed for comments on this post RSS feed for kommentarer til dette innlegget . .

  1. Jeffrey says Jeffrey sier

    How to create a custom iPhone and iPod touch icon for your web site Hvordan lage en tilpasset iPhone og iPod touch ikon for ditt nettsted

    I am not sure what you are referring to. Jeg er ikke sikker på hva du refererer til. Where is the ROOT? Hvor er ROOT? and WHAT Site. og HVA Site. On my local computer? På min lokale datamaskin? On a website? På en webside? Is this for developers or just for anyone? Er dette for utviklere eller bare for noen?
    Thanks Takk

    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 of your site: Hvis du ikke har tilgang til rotmappen på webområdet ditt, eller du ønsker å legge ikonet andre steder, legger du til følgende linje til av nettstedet:

    (and upload the file.png to that folder). (og laste opp file.png til denne mappen).

  2. Nala says Nala sier

    espera no entendi como busco para anadir simplehelp.com y otros folder y como puedo cambier de fondo y poner juegos sin usar itunes por favor explicame gracias por todo Espera ingen entendi como busco para Añadir simplehelp.com y otros mappe y como puedo Cambier de fondo y poner juegos sin usar itunes por favor explicame gracias por todo

  3. cep78 says cep78 sier

    comment instaler cydia sur mon iphone version 3 kommentar instaler cydia sur mon iphone versjon 3

Continuing the Discussion Fortsetter Discussion

  1. 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) linked to this post on August 13, 2008 knyttet til dette innlegget den 13 august 2008

    [...] | simplehelp Vedi [...] [...] | Simplehelp Vedi [...]



Some HTML is OK Some HTML is OK

or, reply to this post via eller svare på dette innlegget via trackback styrekule . .