*Warning Geek Content*
With the advent of the iPhone populating the world I have been inspired to develop at least one application for the iPod/iPhone. Part of development process is obviously creating the graphics for the application, and in particular the Icon people will see in the AppStore and on the iPhone desktop.
As a website owner you can also create your own iPhone Icon for the iPhone desktop, so when people bookmark your website on their iPhone instead of getting a crappy scaled snapshot of the Webpage they will get the Icon of your choosing.
Here are the steps to create your own website icon for the iPhone
- Create a 57×57 PNG
- Name it “apple-touch-icon.png”
- Upload the file to the root folder of your website.
- Safari will automatically round the corners and apply the standard “glassy” overlay so it will looks like a built-in iPhone or iPod application.
Apple has more info on their iPhone Dev Center (you need a developer ID to access)
If you want more flexibility you can use a link tag in the head of the document, such as:
<head>
<title>Paul Hartrick</title>
<link rel="apple-touch-icon" href="/icon.jpg"/>
</head>
To get new stuff automatically subscribe to my RSS feed. For a more personal insight Follow me on Twitter.
This post is tagged apple-touch-icon.png, icon, iphone, ipod touch, webicon
3 Comments
Where have you been? Why no more posts? Are you in Australia, similarly burning bridges with the parentals?
Reply To This Comment
I don’t have an i-phone, in fact, I don’t have a phone at all. Henceforth, I demand posts that apply directly to me!
Just kidding.
Reply To This Comment
Hey TokyoCowgirl.. I am still around, I leave for Australia Thursday next week.. No posts due to busy schedule with work and drinking to oblivion at night…I also went to pro-wrestling Saturday, then Kawagoe Festival Sunday so no PC time to speak of… choose a topic and I will twist it to apply to you…
Reply To This Comment
Incoming Links
Leave a Reply