Tuesday, July 17, 2007

Cartooning Tips and Tricks: Favicon (Address Bar Icon)

What's the deal with those little symbols in the address bar of most websites, and how can I get one?

That's the question I set out to answer a few days ago. I've wanted one for a long time, but assumed it would be a frustrating and time-consuming endeavor. Turns out it was pretty easy. There are several good tutorials online, but here's Big Time Attic's quick and dirty summation:

1) Create your symbol. Size doesn't matter -- just make sure it's a square. Save as a jpeg.
2) Go to Favicon from Pics.
3) Click "Choose File" to select your image.
4) Click "Generate Favicon.ico."
5) Click "Download Favicon."
6) Unzip your Favicon folder and drag "favicon.ico" into your root web folder (wherever you keep "index.html" for your website).
7) In "index.html", place <link rel="shortcut icon" href="favicon.ico" > between your header tags. Example:

<link rel="shortcut icon" href="favicon.ico" >

And that's the bare bones of it. You'll notice (as of right now) that the Big Time Attic main site has a favicon, but not the blog site. When I was playing around with my personal site I found that putting the favicon in the root folder was enough, and that eventually all the subfolders "grabbed" the favicon and used it. I have no idea what's really happening, but I'm going to sit on the BTA favicon for a day and see if it "spreads" to the blog page. Wishful thinking never hurt anyone.

If anyone has any more advanced tips regarding favicons (or "flavorcons," as I like to call them) please let us know!


David Steinlicht said...

You guys are so helpful!

Thanks for this tutorial.

jashar said...

Wow, thanks, Kevin! I've been trying to figure that out for awhile now. This was the most straightforward explanation I've come across (most others make it sound like you need to buy a program and/or have a PC).

Also, I just wanted to say that I've really been enjoying the blog in general. I met Zander at MoCCA and he said to make sure to say 'hey' via the comments. I can't believe I'm just now getting to that...

Kevin Cannon said...

No problem, Jashar. I like your Norman Mailer drawings!

Anonymous said...

A scrolling txt in the Favicon.ico looks nifty!

Mr Boblee said...

Hello,be warned, most of these so called hackers here are impostors, I know how real hackers work, they never advertise themselves in such a credulous manner and they are always discrete. I’ve been ripped off so many times out of desperation trying to find urgent help until my friend finally introduced me to a reliable hacker who's services are cheap and affordables, discretion and delivers, he does all sorts of hacks but he helped me:-Hacked my cheating girlfriend email/facebook,whatsapp,instagram,with snapchat,I have made him my permanent hacker and you can as well enjoy his services.You can contact him at: ( and after his work also endeavor to spread the good news on his work and how he helped you

johnson said...

I'm adul azeez, And am here to talk about a great personality then no other person than johnson herbert I don't know the word to express how I feel' but all the same thank you sir'am, for my successful investment I got my money yesterday' credited to my bank account .

I invested $300 , and I got $2'500 in 7 working days. she reliable and trusted no scam zone, I recommend


VICKY said...

i have been a victim of scam to different hackers who almost ruined me, till i read about:( i decided to give him a try and just lastnight i checked my credit score and saw the positive changes he had made!! i have since then connected him to friends and family who all were flabbergasted by his results, i feel its only right i share him with the public as am sure there are so many in my situation...

ERICA said...

I lost my bitcoin to fake impostors on Facebook, they contacted me as blockchain official support and i fell stupidly for their mischievous act, this made them gain access into my blockchain wallet whereby 7.0938 btc was stolen from my wallet in total .I was almost in a comma and dumbfounded because this was all my savings i relied on . Then I made a research online and found a recovery expert , with the contact address- WhatsApp +1 (424) 209-7204

I wrote directly to the specialist explaining my loss. Hence, he helped me recover my bitcoin just after 2 days he helped me launch the recovery program , and the culprits were identified as well , all thanks to his expertise . I hope I have been able to help someone as well.

FLORA LEO said...

Contact ( whatsapp +1 (424) 209-7204 for any hacking job he is the best among all.

FLORA LEO said...

My ex-husband gave out all the signs that he was having an affair but I chose to live in denial and ignore them. He treated me poorly and stopped showing me the love and affection that got me in love with him in the first place. My cup was full and I couldn’t take it anymore. I file for a divorce but I needed proof he was cheating. I was referred to a penetration expert WhatsApp +1 (424) 209-7204( who gave me a remote access to all applications running on his phone in real time. I had all the proof I needed to end the heartache and emotional torture. Don’t lay back and do nothing ladies. If you have a hunch your significant other is cheating go ahead and hack into his phone. You deserve closure and most importantly you deserve a loving relationship.Whatsapp him +1 (424) 209-7204(

VICKY said...

RELIABLE PRIVATE ONLINE WhatsApp +1 (424) 209-7204, Have you ever needed an expert when it comes to hacking? Have you ever wanted to hack someone’s email account? Recover lost accounts,school grade,boost credit score? Do you need to find a person’s sensitive information? Do you want to invade a person’s PayPal,Bitcoin hack,and recovery Skills, Amazon, Facebook or any other site account? Upgrade of University Grades,Password and email Retrieval, phone Lines monitoring, Skype Accounts, Hack Social Network, Trace calls on real time conversations, Remove Criminal Records, Credit Fixing, cyber-crime investigation, Hack Bank Accounts, Identification of Cheating Partner or employee,GET HOT STOCK TIPS..
Then contact WhatsApp +1 (424) 209-7204
he won't under any circumstances work for free