Paul Hartrick dot com






1 views

iPhone Webclip Icons

Oct 18th 2008
3 Comments
1 views
respond
trackback

*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>

If you're new here, and you want more of what you found here please to subscribe the RSS feed. Thanks for visiting!


This post is tagged , , , ,

3 Comments

  1. Where have you been? Why no more posts? Are you in Australia, similarly burning bridges with the parentals?

  2. 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.

    :-)

  3. 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… ;-)

Incoming Links

Leave a Reply