Create iOS Icons for Web Site

With more people using iOS devices including iPhone, iPods, and iPad and whatever else might come along it is a good idea to make sure that you present your site in the best possible light for those devices. You might be aware of the favicon.png which is documented here. However; when an iOS device comes to your web site there are additional images that can help differentiate your site.

For iPhone 4 and current generation iPod touch you can use 114px x 114px, while iPads use 72px x 72px and other iOS devices use 57px x 57px. You could create a unique image with each of these sizes or just create one and let the device scale as needed.

The way to add these special icons is to add the following to the top of your web site.

<link rel="apple-touch-icon" href="/your-custom-icon.png"/>

You can also add the specifics sizes if you want to by adding the following.

<link rel="apple-touch-icon" href="your-custom-icon-for-iphone.png" /><br/>
<link rel="apple-touch-icon" sizes="72x72" href="your-custom-icon-for-ipad.png" /><br/>
<link rel="apple-touch-icon" sizes="114x114" href="your-custom-icon-for-iphone4.png" />

One thing that iOS will do on your behalf is add some slight image effects like rounded corners, a drop shadow and the iconic reflective shine to the icons you create. Keep this in mind when you create them. In closing, since the iOS devices are being used more and more this means that it is very likely that iOS users will want to save your site for viewing later. You can use some online sites to do this for you or use your favorite graphics program.

Looking for quality web hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , , , | Posted under Internet, Programming/Coding, Website Creation | RSS 2.0

Author Spotlight

David Bauernschmidt

David Bauernschmidt

I live in the historical triangle of Virginia where I am married with two daughters. I have spent over 13 years working for a Fortune 500 company in the computer area. I started in VB 6.0 and by the time I ended my employment I was supervising a development team where we built many web applications. When my first daughter was born I wanted to spend more time with her so I left and became a programmer analyst for local government as well as launch my own company. Since then I have grown James River Webs into a profitable web design and application company helping small businesses create a big presence on the internet. As an employee I have created web application used by citizens and other companies. I enjoy fly fishing, and spending time with my family. I also enjoy learning new approaches and development tools when it comes to developing applications.

Leave a Reply

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


5 × 4 =

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>