Hur man skapar en egen iPhone och iPod touch ikon för din webbplats

on August 11, 2008 av Ross McKillop den 11 augusti 2008

Web Design & DeviPod

Denna kortfattade handledning kommer att förklara om hur du kan skapa en anpassad ikon ska visas på iPhone eller iPod touch språngbräda för din webbplats.

anpassad webbplats ikonen för simplehelp.net om iphone språngbräda

  1. När en användare lägger till en webbplats i sin plattform med hjälp av Lägg till Home Screen funktionen som standard, den iPhone eller iPod touch kommer att använda en miniatyrbild av den synliga delen av sidan som visas i Safari.
  2. default icon för iPhone och iPod touch språngbräda
    klicka för att förstora

  3. Om du vill att din webbplats för att få en mycket trevligare ikon visas på språngbräda när folk lägger till den, skapa ett 57px genom 57px PNG ikon, namn det apple-touch-icon.png och ladda upp den till rotmappen på din webbplats . Obs! Apple själva använder en 129 × 129px ikon, så du kan experimentera för att se vilken storlek ser bäst för er (det kommer att skala till standard iPhone / iPod touch språngbräda ikon storlek).

    Om du inte har tillgång till rotmappen på din sida, eller om du vill lägga ikonen på annat håll, lägg till följande rad i <head> på din webbplats:

    <link rel="apple-touch-icon" href="/path/to/file.png" /> (och ladda upp file.png till mappen).

  4. Nu när någon lägger till din sida, den kommer att ha en trevlig ikon associerade med den.
  5. lägger till en webbplats till iPhone och iPod touch språngbräda
    klicka för att förstora

  6. Gjord!
  7. anpassad ikon för simplehelp.net för iPhone och iPod touch språngbräda
    klicka för att förstora

Relaterade inlägg:
  • Hur ordna ikoner på din iPhone eller iPod Touch språngbräda
  • Hur man anpassar musiken ikoner (knappar) på din iPhone eller iPod Touch
  • Hur man exakt flytta markören i Notes för iPhone och iPod Touch
  • Hur du tar skärmdumpar på din iPhone eller iPod Touch screen
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D för iPhone / iPod Touch
  • Få Enkel Hjälp självstudiekurser precis som denna en i din inkorg varje dag - gratis! Skriv bara in din e-postadress nedan:

    Du kan alltid välja bort den här e-prenumeration när som helst.


    Bokmärke och Andel

    1 trackback } (1 trackback)

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

    2 comments… read them below or (2 comments ... läs dem nedan eller lägga till ett )

    1 Jeffrey 10.08.08 vid 7:20

    Hur man skapar en egen iPhone och iPod touch ikon för din webbplats

    Jag är inte säker på vad du syftar på. Var är roten? och vilken webbplats. På min lokala dator? På en webbplats? Är detta för utvecklare eller bara på någon?
    Tack

    Om du inte har tillgång till rotmappen på din sida, eller om du vill lägga ikonen på annat håll, lägg till följande rad i din webbplats:

    (och ladda upp file.png till mappen).

    2 Nala 11.28.08 vid 5:36

    espera ingen entendi como Busco para anadir simplehelp.com y otros mapp y como kan jag cambier de fondo y poner Juegos synd Usar itunes por favor explicame gracias por todo

    Lämna en kommentar

    Du kan använda dessa HTML-taggar och attribut: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>