Creating a WebClip Bookmark Icon

[MacRumors]

Dan Dickinson posts instructions on how to create your own custom WebClip Icon for your website:

- 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.)

More instructions for web designers available at Apple's iPhone Dev Center.

Article Link

 

[mainstreetmark]

Excellent!!


Works great! Try my site:

http://www.itunesregistry.com

 

[overanalyzer]

so when's macrumors going to add one? I'm looking forward to having a better icon for the site on my home screen. 🙂

 

[zombitronic]

Cool. Kinda like a favicon.

Google.com must have one of these, since no matter where you scroll to, you get a nice, centered Google logo as your icon.

 

[domness]

Wow, thanks for the headsup 🙂

Just added it to my site now. Looks alot better on the springboard 😀

 

[mainstreetmark]

Excellent!!


Works great! Try my site:

http://www.itunesregistry.com

PS: transparent = black

 

[Drumjim85]

so when's macrumors going to add one? I'm looking forward to having a better icon for the site on my home screen. 🙂

exactly ... come on Macrumors!!!!

 

[tethead]

nice, that was easy! thanks for the tip!

www.week4paug.net - beware, it's a website for Phishheads!

 

[djdole]

Awesome

I had noticed that Google already did this with their iPhone search/gmail/calendar/reader sites...
I just didn't know exactly how to implement it. Props for the mad investigatory skills!

 

[msmith2112]

nice, that was easy! thanks for the tip!

www.week4paug.net - beware, it's a website for Phishheads!

Cool man! You ever log on to Phantasy Tour?

 

[bacaramac]

Come on MR

Come on MacRumors, we need an icon, can you throw us a bone?

No rush, but hurry. This is great.

 

[aardwolf]

I thought it wasn't working for me, but it turns out you have to wait on the screen where it asks you to name it. If you click save too quickly, it will not pull back the PNG.

 

[roland.g]

I think we need a sticky of major sites that have this icons.

BTW, thanks arn and MR, looks great.

 

[OttomanUmpire]

Apple, heal thyself

As of 2 minutes ago, Apple didn't even have one of these in place. What's that about? Nobody let their graphics department in on the secret? Is it "in the air"? Am I missing something?

Although this is probably obvious, a fast way to check this from a browser is to type in "www.[domain].com/apple-touch-icon.png" -- it will return the icon if it's there.

 

[ravenvii]

The regular version of the MacRumors site has the .png, but the mobile version doesn't.

Put one up there on the mobile site!

 

[macintel4me]

Try my apps 🙂

see sig. I just added support for them today. Kinda cool!

 

[jrbohorquezg]

Pretty cool!

My gallery now has it - http://www.aoigallery.com

Works great!

 

[Mexicam]

Where do I put the Icon in iWeb

I'm new to web site design and I just read this thread. I am using iWeb by Apple to make my webpage. i want to ad this icon for my website, but where do i put the icon that i made in iWeb. What folder???

Thanks.

 

[Pennine]

new webclips

Wikipedia has a great webclip, any other new ones today ?

 

[corranroh]

Engadget, Gizmodo, iLounge, and Meebo now have icons.

CNN now has an icon.

Ars Technica and Flickr now have icons.

BBC (beta) now has an icon.

 

[samh004]

Got one added for my website too, now just trying to work out how to get the favicon to work, haha.

 

[ericelben]

Facebook

Facebook and Digg have icons.

 

[JonasLondon]

Cool thanks - added "hi-res" icon in 5 minutes - great!

Hi all,

Thanks for a great little tutorial and good links - here's our new iPhone icon for Undervalued-Shares.com:

http://www.undervalued-shares.com

Jonas

 

[AppleFan360]

Got mine up: http://www.dbstalk.com

Had to go back and look for a nice clean version of my logo. It looks really sharp and clear. Thanks for the info.

 

[fotografer]

Awesome!

I didn't even know I could make one of these! But now my site is a little more iPhone friendly (always glad to do so)! Thanks for the head's up!

If you want to check mine out, go to www.NickCarverPhotography.com (has a lot of images, may take some time to load the first time).