iPod and iPhone home screen icon
Description: This article will show you how to create the image and add the code to your website so users can add a Home Screen icon to their iPod or iPhone that you created.
In Categories: Styles
- Link to this article: Select All
[url=https://www.phpbb.com/support/docs/en/3.0/kb/article/ipod-and-iphone-home-screen-icon/]Knowledge Base - iPod and iPhone home screen icon[/url]
Make a 57 x 57 pixel image with the imaging software of your choice. I used PS CS3 and added a 57 x 57 pixel Rectangle. You do not need to add the button reflection gradient or the rounded corners, the Apple OS adds that layer over the icon.
Save it as a transparent png file and name it apple-touch-icon.png and upload it to your website root. No need to add a link in the header to point to the icon.
Now go your your site and add it to your Home Screen and check out your icon.
Save it as a transparent png file and name it apple-touch-icon.png and upload it to your website root. No need to add a link in the header to point to the icon.
Now go your your site and add it to your Home Screen and check out your icon.