Icons für iPhone und iPod Touch
12. Februar 2008 – 10:15:00 – Michael Beglinger
Durch die jüngsten Software-Updates auf dem iPhone und dem iPod Touch ist es möglich, auf der Startseite der Geräte Verknüpfungen zu Websites anzulegen. Dabei wird ein Screenshot der aktuell geöffneten Webpage gemacht und als so genannter Homescreen-Icon abgelegt.
[Icons auf dem iPhone und dem iPod Touch]
Aufgrund der geringen Abmessungen von 57x57 Pixel sind diese durch die Geräte generierten Grafiken meistens nicht sehr aussagekräftig (siehe Icon von NZZ Online ganz rechts) und oft nur schlecht voneinander zu unterscheiden.
Die Betreiber von Websites können deshalb auch eigene Icons für das iPhone und den iPod Touch erstellen und auf der Website einbinden. Der Vorgang zum Erstellen dieser Icons ist denkbar einfach und dem professionellen Publisher bereits von der Produktion von so genannten Favicons bekannt.
- Eine Grafik mit den Abmessungen 60×60 Pixel erstellen
- Die Grafik im Format PNG speichern
- Die Datei in das Hauptverzeichnis der Website hochladen
- Die Zeile <link rel="apple-touch-icon" href="/icon.png"/> im HEAD-Bereich jeder HTML-Seite verankern
Mit zunehmender Verbreitung von mobilen Geräten, die Internetinhalte 1:1 darstellen können, sollten Publisher solche Massnahmen im Sinne eines professionellen Online-Brandings berücksichtigen, denn im Zeitalter von Social Software und Grassroot Journalism wird die eigene Marke im Netz noch genug oft fremdbestimmt.
Credits: MitraBlog
- Kategorie: Design |
- Trackback URI |
- 4.0 |
- Tweet this
Kommentare
Kommentare als RSS-Feed
- Von: Michael Beglinger
- , 17. Februar 2009,
- 08:49
Das sind Links, über die Besucher auf diesen Blogpost gekommen sind. Sieht zugegeben nach einer gewissen Zeit nicht mehr so toll aus.
Backlinks
- http://www.google.de/search?hl=de&q=icon++mobile++websi…
- http://www.google.ch/search?hl=de&q=kommunikation+icons…
- http://www.google.de/search?hl=de&q=rss+ipod+touch&btnG…
- http://www.google.de/search?q=web+2.0+icons+erstellen&i…
- http://www.google.de/search?q=icons+webseiten+ipod+touc…
- http://www.google.ch/search?hl=de&q=online+shop+ipod+to…
- http://www.google.de/search?hl=de&client=safari&q=websi…
- http://search.icq.com/search/results.php?q=Public+Icons…
- http://www.google.de/search?hl=de&q=+icon+erstellung+f%…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.com
- http://www.google.de/search?q=icons+kommunikation
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.ch/search?hl=de&q=erstellung+von+graf…
- http://www.google.de/search?q=Icons+von+Touch+2.0&ie=UT…
- http://www.google.ch/search?hl=de&q=icons+im+iphone&btn…
- http://search.live.com/results.aspx?q=touch&form=QBHP
- http://www.google.de/search?hl=de&q=ipod+touch+web+logo…
- http://www.google.ch/search?hl=de&cr=countryCH&sa=X&oi=…
- http://www.google.de/search?hl=de&client=opera&rls=de&h…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.com/search?gl=de&hl=de&q=google+icon+…
- http://www.google.de/search?q=homescreen+icon+iphone+ei…
- http://www.google.de/search?q=homescreen+icon+iphone+ei…
- http://www.google.de/search?client=opera&rls=de&q=png+i…
- http://www.google.ch/search?hl=de&q=web+icon&btnG=Googl…
- http://www.altavista.com/web/results?itag=ody&q=icons+e…
- http://www.google.at/search?hl=de&client=firefox-a&rls=…
- http://www.google.ch/search?hl=de&q=icons+auf+iphone+er…
- http://www.google.de/search?q=url+verkn%C3%BCpfung+home…
- http://www.google.de/search?q=i+phone+icons+erstellen+s…
- http://www.google.de/search?hl=de&q=Kommunikations+Icon…
- http://www.artaplast.ch/angebot/materialien/index.html
- http://search.live.com/results.aspx?q=touch
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&rlz=1B3GGGL_deDE296DE…
- http://www.google.de/search?hl=de&client=firefox-a&chan…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&q=iphone+icons+erstel…
- http://www.google.ch/search?hl=de&q=web+2.0+design+icon…
- http://www.google.ch/search?hl=de&client=firefox-a&rls=…
- http://www.google.ch/search?hl=de&cr=countryCH&q=%22RSS…
- http://www.google.de/search?hl=de&q=verschiedene+icons+…
- http://tarif-angebote.de/t/iphone/
- http://www.google.at/search?hl=de&q=iphone+search+icon&…
- http://suche.aolsvc.de/aol/search?query=Wo+sind+die+Ico…
- http://www.google.de/search?hl=de&q=ipod+touch+%2B+eige…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?num=100&hl=de&lr=lang_de&as…
- http://www.google.ch/search?hl=de&client=firefox-a&rls=…
- http://www.google.ch/search?hl=de&q=iphon+icons+erstell…
- http://www.google.de/search?q=eigene+icons+in+12+pixel+…
- http://www.google.ch/search?hl=de&q=iphone+icons&meta=c…
- http://www.google.de/search?q=Abmessungen+Iphone+Ipod+T…
- http://www.google.de/search?hl=de&client=safari&q=ipod+…
- http://www.google.de/search?q=abmessung+ipod+touch
- http://www.google.de/search?q=iPod+Touch+eigene+icon&ie…
- http://www.google.de/search?hl=de&q=professionelles+pro…
- http://www.google.ch/search?q=iphone+icon+erstellen&ie=…
- http://www.google.ch/search?sourceid=navclient&hl=de&ie…
- http://www.google.ch/search?hl=de&q=icons+for+iPhone&bt…
- http://www.google.de/search?hl=de&q=%22tarif-angebote.d…
- http://www.google.de/search?hl=de&q=firefox+icon+f%C3%B…
- http://www.google.ch/search?hl=de&q=apple-touch-icon&bt…
- http://www.google.de/search?hl=de&q=firefox+icon.png+fo…
- http://www.google.ch/search?um=1&hl=de&q=firefox%20icon…
- http://www.agenturblog.ch/article/icons_fuer_iphone_und…
- http://www.google.de/search?hl=de&q=icons+auf+iphone&bt…
- http://www.google.at/search?hl=de&q=firefox+ipod+icon&m…
- http://www.google.de/search?hl=de&q=iphone+icons+einbin…
- http://www.google.de/search?hl=de&q=icon+ipod+57x57&btn…
- http://www.google.de/search?hl=de&q=verkn%C3%BCpfung+ip…
- http://www.google.de/search?hl=de&q=firefox+icon+f%C3%B…
- http://www.google.de/search?num=100&hl=de&lr=lang_de&as…
- http://www.google.com/m?hl=de&gl=de&source=gp
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&q=eigenes+design+ipod…
- http://www.google.de/search?q=eigene+icons+iphone
- http://www.google.de/search?hl=de&q=icons+f%C3%BCr+ipho…
- http://www.google.at/search?hl=de&q=iphone+icons+format…
- http://www.google.de/search?q=icons%20f%C3%BCr%20Iphone
- http://webhosting-forum.net/backlinkchecker/
- http://www.google.de/search?hl=de&q=iphone+icons+abmess…
- http://www.google.de/search?hl=de&q=ip+board+icons+einb…
- http://www.google.de/search?q=icons+f%C3%BCr+iPhone&sou…
- http://www.google.ch/search?hl=de&q=firefox+iphone&btnG…
- http://www.google.de/search?hl=de&q=icons+f%C3%BCr+ipho…
- http://www.vanessa-sucht.com
- http://www.google.com/search?hl=de&client=safari&rls=de…
- http://www.google.de/search?hl=de&q=iphone+icon+f%C3%BC…
- http://www.google.de/search?q=iphone+icon+hochladen&ie=…
- http://www.google.ch/search?hl=de&q=goggle.de%2Fsearch%…
- http://www.google.ch/search?hl=de&q=icons+f%C3%BCr+ipho…
- http://www.google.at/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&lr=lang_de&as_qdr=m6&…
- http://www.google.de/search?hl=de&q=Icons+on+iphone+PNG…
- http://www.google.de/search?hl=de&client=firefox-a&chan…
- http://www.google.de/search?imgsz=huge&hl=de&q=iphone+i…
- http://www.google.de/search?hl=de&q=ipod+touch+icon+yah…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&q=Iphone Icon für we…
- http://www.google.com/m?hl=de&gl=de
- http://www.google.de/search?hl=de&q=iphone+icon+speiche…
- http://www.google.lu/search?hl=de&client=firefox-a&chan…
- http://www.google.de/search?hl=de&q=iphon+icons&start=1…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&lr=lang_de&num=30&new…
- http://www.google.de/search?hl=de&q=iphone+png+icons&st…
- http://www.google.de/search?hl=de&q=iphone+png+icons&bt…
- http://www.google.de/search?sourceid=navclient&hl=de&ie…
- http://www.google.de/search?hl=de&q=i+phone+icons+png&b…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.ch/search?sourceid=navclient&hl=de&ie…
- http://www.google.de/search?hl=de&q=iphone+icons+f%C3%B…
- http://www.google.de/search?q=ipod+touch+icons+erstelle…
- http://www.google.de/search?q=ipod+touch+2.0+icons&ie=u…
- http://www.google.de/search?hl=de&q=iphone+eigene+icons…
- http://www.google.de/search?sourceid=navclient&hl=de&ie…
- http://www.google.com/search?q=apple+touch+icon&hl=de&l…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?q=firefox+icon+for+iphone&i…
- http://www.google.de/
- http://www.google.de/search?q=ipod+touch+icon+design&ie…
- http://www.google.de/search?hl=de&lr=lang_de&num=100&ne…
- http://www.google.de/search?hl=de&q=firefox+iphone+icon…
- http://www.google.de/m/search?oe=UTF-8&client=safari&q=…
- http://www.google.de/search?hl=de&q=eigene+icon+f%C3%BC…
- http://www.google.de/search?q=icons+f%C3%BCr+iphone+web…
- http://www.google.ch/search?imgsz=icon&hl=de&q=original…
- http://www.google.de/search?hl=de&q=wie+erstelle+icons+…
- http://www.google.de/search?q=web-link+icon+iphone&ie=U…
- http://www.google.de/search?q=wie+erstelle+ich+ein+icon…
- http://www.google.de/search?q=icon+nzz
- http://www.google.com/search?client=safari&rls=de-de&q=…
- http://www.google.de/search?hl=de&q=interaktive+iphone+…
- http://www.google.de/search?hl=de&q=iphone+icon+nicht+a…
- http://www.google.de/search?q=ipod+touch+png&hl=de&star…
- http://www.google.com/search?hl=de&client=opera&rls=en&…
- http://www.google.de/search?q=apple+touch+icon+format&i…
- http://www.google.com/search?client=safari&rls=de-de&q=…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&q=icq+icon+f%C3%BCr+i…
- http://www.google.com/search?client=safari&rls=de-de&q=…
- http://www.google.com/search?hl=de&q=iphone+icon+touch&…
- http://de.search.yahoo.com/i/search?p=ICQ+f%25C3%25BCr+…
- http://www.google.de/search?hl=de&safe=off&client=firef…
- http://www.google.at/search?q=icons+f%C3%BCr+iphone&hl=…
- http://www.transmigrasi.de/tools/backlink-check/?url=ta…
- http://www.google.de/search?hl=de&q=icq+icon+ipod+touch…
- http://www.google.de/search?source=ig&hl=de&rlz=&=&q=ic…
- http://www.google.de/m/search?oe=UTF-8&client=safari&q=…
- http://www.google.at/search?hl=de&q=icons+f%C3%BCr+ipho…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.at/search?q=icon+auf+dem+iphone+erste…
- http://www.google.de/#/m/search?uipref=6&q=icon%20auf%2…
- http://www.google.de/m/search?oe=UTF-8&client=safari&q=…
- http://www.google.com/search?hl=de&client=safari&rls=de…
- http://www.google.de/search?q=iphone+weblink+icon&ie=ut…
- http://www.google.de/search?hl=de&q=icon+f%C3%BCrs+ipho…
- http://www.google.de/search?source=ig&hl=de&rlz=1G1GGLQ…
- http://search.yahoo.com/search?p=link%3Ahttp%3A//tarif-…
- http://www.google.de/search?q=ipod+touch+firefox&ie=utf…
- http://www.linkdiagnosis.com/?q=http://tarif-angebote.d…
- http://www.google.de/search?hl=de&newwindow=1&q=abmessu…
- http://www.google.de/search?hl=de&newwindow=1&q=ipod+to…
- http://www.google.de/search?hl=de&q=wie+erstelle+ich+ei…
- http://www.google.de/search?q=iphone+firefox+icon&ie=ut…
- http://www.google.com/search?client=safari&rls=de-de&q=…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.bing.com/search?q=iphone+icon&first=21&FORM=…
- http://www.bing.com/search?q=iphone.png&go=&form=QBRE&f…
- http://www.google.de/search?q=icons+iphone+format&ie=UT…
- http://www.google.de/search?q=icon+f%C3%BCr+iphone+erst…
- http://www.google.ch/search?hl=de&ei=3BxkSq2jKIWysAaZ-a…
- http://www.google.de/search?hl=de&q=wie+erstelle+ich+ei…
- http://www.google.de/search?hl=de&q=iphone+weblink+icon…
- http://www.bing.com/search?q=touch
- http://www.bing.com/search?q=icon++ipod&go=&form=QBLH&f…
- http://www.google.com/search?client=safari&rls=de-de&q=…
- http://www.bing.com/search?q=icon+ipod&src=IE-SearchBox
- http://www.bing.com/search?q=iphone+icon+opera&go=&form…
- http://www.google.com/search?hl=de&client=safari&rls=en…
- http://www.google.de/search?hl=de&lr=lang_de&q=icon+hom…
- http://www.google.com/search?q=ipod+icons+abmessungen&i…
- http://www.google.de/search?hl=de&client=firefox-a&rls=…
- http://www.google.de/search?hl=de&client=firefox-a&chan…
- http://www.google.de/search?q=icons+f%C3%BCrn+touch&ie=…
- http://www.google.at/search?hl=de&q=wie+erstelle+ich++e…
- http://www.google.de/search?hl=de&client=firefox&rls=co…
- http://www.google.de/search?hl=de&q=eigene+ipod+touch+i…
- http://www.google.de/search?q=ipod+touch+icon+abmessung…
- http://www.google.de/search?q=abmessungen+iphone+icon&i…
- http://www.bing.com/search?q=icon+in+der+Url+puplisher&…
- http://www.bing.com/search?q=ipod+icon&go=&form=QBRE&fi…
- http://www.google.de/search?q=iphone+icon+masse&ie=utf-…
- http://www.bing.com/search?q=iPhone+PNG+Icons&FORM=R5FD…
- http://www.google.de/imgres?imgurl=http://blog.gpm.de/u…






Was sind denn das da unten für ein Stapel "backlinks"?