Seit gestern lässt sich der »Finder« des iPhone (und des iPod Touch) – korrekt, engl.: das Springboard – individuell anpassen. Man kann die Programm-Icons verschieben und neue hinzufügen. Beispielsweise Internet-Lesezeichen, Webclips genannt. Dazu besucht man mit Safari eine Internet-Seite, tippt auf ein neues Pluszeichen am Fuß des Browserfensters und fügt das Lesezeichen dem Home-Bildschirm (dt. für Springboard) hinzu. Das hierfür generierte Icon ist standardmäßig eine verkleinerte Ansicht der gebookmarkten Webseite.
Man kann jedoch als Webseitenbetreiber auch ein extra gestaltetes Icon für dieses Prozess erzwingen. Einfach eine 57 x 57 Pixel große PNG-Grafik generieren, dieser den Namen apple-touch-icon.png geben und in den Root-Ordner der eigenen Webseite legen. Mehr dazu bei Dan Dickinson …
In der Abbildung oben seht Ihr das gestaltete Fontblog-Webclip-Icon, daneben das standardmäßig generierte Icon des Zoomfeed … einfach eine verkleinerte Abbildung des zuletzt besuchten Beitrags.
Update: Abweichend von der Apple-Empfehlung (57 x 57 Pixel) sollen 60 x 60 Pixel schärfere Ergebnisse auf dem iPhone-Schirm bringen (Quelle). Ich habe es nachgeprüft … es stimmt!
Startseite
Über Fontblog
Impressum
Werbung im Fontblog
Archiv
hmm. ich warte mal noch ein paar tage mit einem update :-)
Ich war gestern sofort Feuer und Flamme. Seit einigen Wochen benutze ich meinen iPod-Touch mit erweiterter Funktionalität durch einen Jailbreak. Nachdem nun auch die allein dem iPhone vorbehaltenen Programme für den Touch verfügbar sind (17,99 €, die manche verärgern, mich aber nicht), habe ich das Gerät zurückgesetzt, das Update 1.1.3 aufgespielt und die neue Software geladen. Danach hat iTunes sogar die Inhalte der legalen und vorübergehend geliehenen Programme (zum Beispiel die E-Mail-Accounts) fein säuberlich wieder hergestellt. Jetzt fühle ich mich wieder im Reinen mit der iPod-Touch-Software-Umgebung.
na dann ;-)
[...] Kommentare fuer Fontblog wrote an interesting post today on Kommentar zu Wie man ein iPhone-Webclip-Icon erstellt von JürgenHere’s a quick excerptNachdem nun auch die allein dem iPhone vorbehaltenen Programme für den Touch verfüg… [...]
[...] Kommentare fuer Fontblog wrote an interesting post today on Kommentar zu Wie man ein iPhone-Webclip-Icon erstellt von Iphone » Blog Archive » Kommentar zu Wie man ein iPhone-Webclip-Icon erstellt von JürgenHere’s a quick excerpt#188;rgenHere’s a quick excerptNachdem nun auch die allein dem iPhone vorbehaltenen Programme für den Touch verfüg… […]…[…] Kommentare fuer Fontblog wrote an interesting post today on Kommentar zu Wie man ein iPhone-Webclip-Icon erstellt von JÃ&… [...]
Update: Abweichend von der Apple-Empfehlung (57 x 57 Pixel) sollen 60 x 60 Pixel schärfere Ergebnisse auf dem iPhone-Schirm bringen (Quelle). Ich habe es nachgeprüft … es stimmt!
[...] have just built the Webclip icon for teezeh dot de after reading some articles over at Fontblog and elsewhere. Basically, all you need seems to be a 60×60 px apple-touch-icon.png in your web [...]
[...] Geheimnis ist ein 60 x 60 Pixel großes apple-touch-icon.png im Webroot. Gefunden auf dem Fontblog (und dort via Dan [...]
What ? Sorry, aber diese “Quelle” hat mir wirklich vor Lachen die Tränen in die Augen getrieben …
“I’ve concluded this recommended sizing results in a fuzzy icon, largely due to the iPhone being a 163 ppi display.” Alles klar. Und die ganzen Kommentare drunter waren dann echt der Schokoguß.
Mal im Ernst : Das hat alles doch alles nichts mit dpi oder ppi zu tun, das Iphone hat sein Bildschirm-Raster, Apple räumt im Layout-Gitter 57×57 Pixel für das Icon frei und das heißt dann daß ein 57×57-Bild ohne Abschneiden und Umrechnen dargestellt wird.
Das Bilder in genau dieser Auflösung jetzt nicht so toll sind und die in 60×60 schon heißt entweder das Apple das in der Beschreibung verbockt hat und die Auflösung doch ein bisschen anders ist oder aber das die irgendeinen ganz tollen Image-Resize-Algorithmus am Start haben der das Bild beim “runterrechnen” für manche Menschen subjektiv besser aussehen läßt. Und mehr ist da nicht … ppi, dpi … lol.
[...] via Fontblog [...]
[...] via Fontblog [...]
[...] via Fontblog [...]
Ich hab ein WebApps Verzeichniss erstellt mit mehr als 60 detuschen Seiten inklusice WEb-Clip Icons – http://www.miofio.com in des iPhone tippseln und los gehts. Wünsch euch viel spass damit.
Ich habe in meinem Blog einmal beschrieben, wie man sich eigene Webclip-Icons für fremde Webseiten erstellen kann:
http://www.schimanke.com/index.php?/archives/149-Eigene-Webclip-Icons-fuer-fremde-Seiten-UPDATE.html
[...] umarmt und erweitert das Favicon-Konzept und führt das Apple-Touch Icon ein. Diese PNG-Datei sollte im Basisverzwichniss jeder Website unter dem Namen [...]
[...] Siebert hat drüben im Fontblog eine geniale Anleitung zusammengestellt, wie man sich ein optimales iPhone-Icon bastelt. Sehr lesenswert. Read on. Speichern, anderen zeigen, [...]
Ich wusste gar nicht, dass man das angezeigte Bild manuell beeinflussen kann :)
Danke für den Tipp!
[...] den Code hochgeladen hat) einloggen.Wenn wir grad schon bei iPhone und Co. sind noch ein kleiner Linktipp, wie man einfach ein iPhone Home-Screen Icon für eine Webseite erstellen kann.FazitDie Web-App [...]