Can you help me with creating an Apple-touch-icon?

Lewis August 10, 2010
Pinterest Stumbleupon Whatsapp
Ads by Google

I’m trying to make an Apple-touch-icon, but cannot get it to work properly. I was using this site: http://www.flavorstudios.com/iphone-icon-generator, but when I create one it makes the back ground pink. My logo is a 7 in pink, but it sort of smudges it.

That is what I want the logo to be:

 

Please, can someone make me the file, re-size it, crop it, whatever. All I want is for that logo to look cool when bookmarked on my iPod. To see how it is looking at the moment, bookmark www.7ixi.co.cc on your iDevice, for some reason theres a pink background.

Thanks!

Note: I’m using WPtouch.

  1. Lewis
    August 11, 2010 at 10:18 am

    Thanks very much mate, is the root the public_html folder?Sorry this is my first proper website =)

    Edit: I uploaded it with WPtouch and its working great, thsnks mate!
    Check it out bookmark 7ixi.co.cc =)

  2. noel chandler
    August 11, 2010 at 12:04 am

    Hi Lewis-
    Here are the instructions below. I've created it for you, located here:
    http://www.mosio.com/images/user/g/ghostly/kopawa.jpg
    Save it as "apple-touch-icon.png" (make sure it's saved as that name and as a .png) and then drop it in the root folder of your website.
    :)

    How to Create an iPod Touch Icon:
    * Create a 57x57 PNG.
    * Name it "apple-touch-icon.png"
    * Throw it in the root folder of your website.
    (Not the root of your server, the root of your web documents.)