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!

The following two tabs change content below.
I use this blog of mine as a general brain-dump and to share my witterings about marketing, business, search engine optimisation and web development.

Published by

Jeremy Chow

I use this blog of mine as a general brain-dump and to share my witterings about marketing, business, search engine optimisation and web development.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge