How to create a custom iPhone and iPod touch icon for your web site So erstellen Sie eine benutzerdefinierte iPhone und iPod Touch Symbol für Ihre Website

by Ross McKillop on August 11, 2008 von Ross McKillop am 11. August 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. Diese kurze Anleitung wird erklären, wie Sie erstellen ein benutzerdefiniertes Symbol, um auf dem iPhone und / oder iPod Touch Sprungbrett für Ihre Web site.

benutzerdefinierte Website Symbol für simplehelp.net auf dem iphone Sprungbrett

  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. Wenn ein Benutzer eine Website auf ihre Sprungbrett, indem Sie die Add to Home Screen-Funktion, per default wird das iPhone oder iPod Touch wird ein Miniaturbild der sichtbare Teil der Seite angezeigt werden in Safari.
  2. Standard-Website Symbol für das iPhone und iPod Touch-Sprungbrett
    click to enlarge klicken um zu vergrößern

  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). Wenn Sie möchten, dass Ihre Website zu haben, eine viel schönere Symbol auf dem Sprungbrett, wenn die Menschen fügen Sie sie, erstellen Sie eine 57px von 57px PNG-Symbol, den Namen es Apfel-Touch-icon.png, und laden Sie diese auf die Root-Verzeichnis Ihrer Website . Hinweis: Apple sich tatsächlich mit einem 129 × 129px-Symbol, so können Sie zu experimentieren, um zu sehen, was Größe sieht am besten für Ihre (es wird Maßstab für die Standard-iPhone / iPod Touch Sprungbrett Icon-Größe).

    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: Wenn Sie keinen Zugriff auf den Root-Ordner von Ihrer Website, oder Sie möchten, um das Symbol an anderer Stelle, fügen Sie die folgende Zeile in der <head> Ihrer Website:

    <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" /> (Upload und die file.png zu diesem Ordner).

  4. Now when someone adds your site, it will have a nice icon associated with it. Nun, wenn jemand Ihre Website fügt hinzu, wird es ein schönes Symbol zugeordnet.
  5. Hinzufügen einer Website zu den iPhone und iPod Touch-Sprungbrett
    click to enlarge klicken um zu vergrößern

  6. Done! Getan!
  7. benutzerdefiniertes Symbol für simplehelp.net für das iPhone und iPod Touch-Sprungbrett
    click to enlarge klicken um zu vergrößern

Related Posts: Verwandte Einträge:
  • How to customize the music icons (buttons) on your iPhone or iPod Touch So passen Sie die Musik-Icons (Tasten) auf Ihrem iPhone oder iPod Touch
  • How to reorder the icons on your iPhone or iPod Touch springboard Wie man die Icons neu anordnen auf Ihrem iPhone oder iPod Touch Sprungbrett
  • How to accurately relocate the cursor in Notes for your iPhone or iPod Touch Wie genau zu verlagern Sie den Cursor in den Anmerkungen für Ihr iPhone oder iPod Touch
  • How to take screenshots of your iPhone or iPod Touch screen Wie kann man sich Screenshots von Ihrem iPhone oder iPod Touch Screen
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch Screenshot Tour: Crash Bandicoot Nitro Kart 3D für iPhone / iPod Touch
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Holen Sie sich Einfache Hilfe Tutorials wie diese ein in Ihrem E-Mail-Posteingang jeden Tag - gratis! Just enter your email address below: Geben Sie einfach Ihre E-Mail-Adresse unten ein:

    You can always opt out of this email subscription at any time. Sie können immer Opt-out in dieser E-Mail-Abonnement zu jeder Zeit.


    Bookmark and Share Lesezeichen und Aktie

    { 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 bei 5.57

    { 1 comment… read it below or (1 Kommentar ... lesen sie unten oder add one Hinzufügen ein } )

    1 1 Jeffrey 10.08.08 at 7:20 am Jeffrey 10.08.08 bei 7.20

    How to create a custom iPhone and iPod touch icon for your web site So erstellen Sie eine benutzerdefinierte iPhone und iPod Touch Symbol für Ihre Website

    I am not sure what you are referring to. Ich bin mir nicht sicher, was Sie sich beziehen. Where is the ROOT? Wo ist die Wurzel? and WHAT Site. und WAS Site. On my local computer? Auf meinem lokalen Computer? On a website? Auf einer Website? Is this for developers or just for anyone? Ist das für Entwickler oder einfach nur für alle?
    Thanks Danke

    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: Wenn Sie keinen Zugriff auf den Root-Ordner von Ihrer Website, oder Sie möchten, um das Symbol an anderer Stelle, fügen Sie die folgende Zeile in die von Ihrer Website:

    (and upload the file.png to that folder). (Upload und die file.png zu diesem Ordner).

    Leave a Comment Schreibe einen Kommentar

    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> Sie können diese HTML-Tags und Attribute: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>