iPhone Webclip Icons without Photoshop

If you are looking to mobilise your website – and if you haven’t thought about this already, you really should – then it’s likely that you may have considered creating an iPhone-specific site which would of course include creating an iPhone webclip for your customers/readers to save an optimised bookmark to their homescreen.

There are many .psd Photoshop templates flying around the internet, but if you are stuck for time or just can’t be bothered to make one then this site will make your day.

Simply go to Flavor Studios here, decide which type of icon you would like to create and upload your desired basic image. The website will then create the logo with the right dimensions and the glare effects that make the iPhone icons unique.

Once you’re done, you will be given a little zipped package containing .ico and .png files with your new site webclip.

When you’re ready to add the webclip to your site for your visitors to use, simply add the following code to the header of your page(s) within the <head></head> tags, obviously replacing the address with that of your new webclip:

<link rel=”apple-touch-icon” href=”/custom-icon-name.png” />

Once this is in place, you’re all done!

About this entry

You’re currently reading “iPhone Webclip Icons without Photoshop”

Published:
28.11.09 / 1pm
Category:
Search Engine Optimisation