Icon für Web-Snippets erstellen

28. Januar 2008 | Kategorie: Tipps & Tricks | 925 x gelesen | 2 Kommentare

mtlogo-rd.png Seit dem jüngsten Firmware-Update auf die Version 1.1.3 für das iPhone und dem iPod Touch hat man die Möglichkeit Lesezeichen direkt auf dem individuell anpassbaren Homescreen abzulegen. Hier wird normalerweise ein Sceenshot von der aktuell angezeigten Website als Icon genommen, was meistens unschön oder nicht gut identifizierbar aussieht.

Man kann jedoch als Seitenbetreiber den Nutzern vom iPhone und iPod Touch eine Freude bereiten, indem man ein richtiges Homescreen-Icon anbietet, welches bei Vorhandensein dann anstelle des Screenshots verwendet wird. Dies ist auch sehr einfach umzusetzen.

Und so geht’s:

  • Ein Icon (Bild/Grafik) mit einer Größe von 57×57 Pixel erstellen (besser ist 60×60 wie ich herausfand – das Icon wirkt dadurch etwas schärfer)
  • Dieses Icon nun als PNG mit der Bezeichnung apple-touch-icon.png abspeichern
  • Die Datei wird nun in das Hauptverzeichnis der Website hochgeladen
  • Das war es schon. Das Homescreen-Icon wird ab sofort verwendet

Natürlich war .mactomster neben anderen Seiten wie Flickr, Google, meebo oder SeeqPod sofort am Anfang mit dabei, diesen Service anzubieten.

Tags: , ,

Teilen

2 Reaktionen

  1. Ipod » Icon für Web-Snippets erstellen
    Ping- oder Trackback vom 28. Januar 2008 um 14:01 Uhr

    [...] .mactomster wrote an interesting post today on Icon für Web-Snippets erstellenHere’s a quick excerptSeit dem jüngsten Firmware-Update auf die Version 1.1.3 für das iPhone und dem iPod Touch hat man die Möglichkeit Lesezeichen direkt auf dem… (…Besuche meine Website um den kompletten Beitrag inklusive Bilder, Links und ähnlichen Beiträgen zu sehe…) [...]

  2. .mactomster » Neues Design & keine mobile Version
    Ping- oder Trackback vom 14. November 2008 um 09:10 Uhr

    [...] herumgeistert, kann es noch ein wenig dauern, bis das Neue überall präsent ist. Auch das WebSnippet für iPhone und iPod touch muss noch geändert und auch der .mactomster Webstore angepasst [...]

Schreibe einen Kommentar

Smilies einblenden