GetDotted Domains

Viewing Thread:
"Apple iPod Touch / iPhone icon for your website"

The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.

Thu 25/06/09 at 10:04
Moderator
"Are you sure?"
Posts: 5,000
Apple iPod Touch / iPhone icon

First there were 'favicons' - when you visit websites from your PC a small icon gets displayed in the address bar of your browser and in your Favourites folder. I can remember reading forum discussions on why people were seeing 404’s (missing file) for a file called favicon.ico a few years back.

This was a complement really, as originally it meant a visitor had added your website to their ‘Favourites/Bookmarks’ which caused the browser to look for the file.

Now in this new mobile world where literally millions of iPhones and iPod Touchs have been sold there is a new icon to create.

When iPod/iPhone users add a website to their device the Apple s/w looks for a file called apple-touch-icon.png – if you happen to see this in your visitor logs then again it’s a complement as a visitor has decided to add your site to their iPod !

Creating a custom icon/logo for these users is easier than creating favicons. All you need to do is create a smallish square graphic named "apple-touch-icon.png" and place it in your website’s root directory.

For my website I created my original icon 100 x 100 pixels in Macromedia Fireworks and saved as a ‘png’ file.

Apple will automatically round the corners, resize and add a glass effect for you! So it’s worth leaving a small margin around your graphic so it doesn’t get cropped.

If you don’t want the glass effect to be added then use the file name: apple-touch-icon-precomposed.png

As always I’ve created a page on my Freeola website to show you some images of my icon as I created it and how Apple added it’s effects when it’s displayed on an iPod Touch: hmmm's apple-touch-icon


As I’m using a sub-domain I also added the tag below to my HTML to ensure the icon was found:




A simple tip to cater for this new type of visitor…





Search Freeola Chat
There have been no replies to this thread yet.
Thu 25/06/09 at 10:04
Moderator
"Are you sure?"
Posts: 5,000
Apple iPod Touch / iPhone icon

First there were 'favicons' - when you visit websites from your PC a small icon gets displayed in the address bar of your browser and in your Favourites folder. I can remember reading forum discussions on why people were seeing 404’s (missing file) for a file called favicon.ico a few years back.

This was a complement really, as originally it meant a visitor had added your website to their ‘Favourites/Bookmarks’ which caused the browser to look for the file.

Now in this new mobile world where literally millions of iPhones and iPod Touchs have been sold there is a new icon to create.

When iPod/iPhone users add a website to their device the Apple s/w looks for a file called apple-touch-icon.png – if you happen to see this in your visitor logs then again it’s a complement as a visitor has decided to add your site to their iPod !

Creating a custom icon/logo for these users is easier than creating favicons. All you need to do is create a smallish square graphic named "apple-touch-icon.png" and place it in your website’s root directory.

For my website I created my original icon 100 x 100 pixels in Macromedia Fireworks and saved as a ‘png’ file.

Apple will automatically round the corners, resize and add a glass effect for you! So it’s worth leaving a small margin around your graphic so it doesn’t get cropped.

If you don’t want the glass effect to be added then use the file name: apple-touch-icon-precomposed.png

As always I’ve created a page on my Freeola website to show you some images of my icon as I created it and how Apple added it’s effects when it’s displayed on an iPod Touch: hmmm's apple-touch-icon


As I’m using a sub-domain I also added the tag below to my HTML to ensure the icon was found:




A simple tip to cater for this new type of visitor…





Search Freeola Chat

Freeola & GetDotted are rated 5 Stars

Check out some of our customer reviews below:

10/10
Over the years I've become very jaded after many bad experiences with customer services, you have bucked the trend. Polite and efficient from the Freeola team, well done to all involved.
Impressive control panel
I have to say that I'm impressed with the features available having logged on... Loads of info - excellent.
Phil

View More Reviews

Need some help? Give us a call on 01376 55 60 60

Go to Support Centre

It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as Google Chrome, Mozilla Firefox, or Opera will provide a better, safer browsing experience for you.