[iWeb] Icon für Homebildschirm (iPad, iPhone, iPod)

[Hempelchen]

Hallo,

ich habe eine Frage. Und zwar: Wenn ich eine Homepage wie zb. Facebook auf meinem iPad auf dem Homebildschirm Speicher, wird der Button mit dem Facebooklogo erstellt. Wenn ich jedoch meine Seite auf dem Homebildschirm sichere, dann wird eine Art Mini-Screenshot erstellt und als Icon verwendet.
Welches Logo zieht sich das iPad als Icon? Wie binde ich ein solches Icon auf meiner Homepage ein und was habe ich da zu beachten.
Da ich nicht recht weiß wie dieses Icon genannt wird, hat mir Meister Google noch nicht wirklich geholfen.

Vielen Dank schon inmal im Voraus.


Hempelchen

 

[Hempelchen]

Ich habs selber soeben rausgefunden.

Für Andere die auch gerne wüssten wie das funktioniert... Es ist ganz einfach:

Man muss nur eine Bilddatei "apple-touch-icon.png" in das Root Verzeichnis der Homepage laden. Das wars.
Hierbei sollte beachtet werden dass die Auflösung 120x120 betragen sollte.

Schöne Grüße


Hempelchen

 

[apple_juice]

Hallo, ich habe gerade per Zufall diesen Thread gefunden und dachte mir "hey, das sieht ja richtig interessant aus!".
Nur leider funktioniert es trotzdem nicht bei mir.
Ich habe genau das gemacht, was du geschrieben hast, Hempelchen, aber es klappt nicht.

Das Root-Verzeichnis ist doch quasi die oberste Ebene mit dem "/", oder?

 

[joro]

Hallo,
Du musst das Icon noch in den Header einbinden:

[COLOR=#F8F8F8][COLOR=#1B609A]<link[/COLOR] [COLOR=#9A6F1B]rel[/COLOR][COLOR=#1B609A]=[/COLOR][COLOR=#784E0C]"apple-touch-icon"[/COLOR] [COLOR=#9A6F1B]href[/COLOR][COLOR=#1B609A]=[/COLOR][COLOR=#784E0C]"/apple-touch-icon.png"[/COLOR][COLOR=#1B609A]/>[/COLOR][/COLOR]

Liebe Grüße,
joro

 

[apple_juice]

Achso, genial, joro weiß mal wieder die Antwort, vielen Dank!

 

[iFone]

Noch ein kleiner Nachtrag 1,5 Jahre später:



Spiegeleffekte müssen nicht eingebaut werden, können aber (Das Gerät kann die Spiegelung auch selber einfügen).

Wenn das Icon noch keine Spiegeleffekte hat:

<link rel="apple-touch-icon" href="LINK z.B. /icons/iphone_favicon.png" />


Wenn das Icon schon Spiegeleffekte hat:

<link rel="apple-touch-icon-precomposed" href="LINK z.B. /icons/iphone_favicon.png" />


Wenn das Icon gar keine Spiegeleffekte haben soll, dann könnt ihr einfach eins ohne erstellen und eine Möglichkeit wählen, bei der das Gerät den Effekt nicht hinzufügt.