Create Your Own Favicon

Do you know what a favicon is?

Neither did I, until I started this little hobby called blogging. I used to be completely useless with the computer, but then blogging opened up a whole new world to me. And with that world came new and exciting terms, like “html” and “rss feed” and “favicon.”

A favicon (short for “favorites icon”) is a small graphic associated with a particular website. It can usually be seen in your browser’s URL bar, in the browser’s tabs, or in the list of bookmarks. The favicon gives a website more personality, and stronger brand recognition.

A week ago, I decided I needed a new favicon. My old favicon used to resemble a third grader’s crayon doodle of a blue flower. Ugh. But after a little tinkering, I was able to create a new favicon using the image of the letter “L” that appears in the blog title banner. Can you see it, right up there in the URL bar?

I had so much fun with the favicon project, I thought I’d pass on the knowledge to you, my readers, so you can design your own.

Daily Blog Tips has a great tutorial on How to Create a Favicon. Instead of using Adobe Photoshop or Microsoft Paint, I created my favicon with favicon.cc. It is an extremley user-friendly site that allows you to design a favicon, either with its paint program or by uploading an existing image (I did the latter). Besides that, I followed the Daily Blog Tips tutorial from start to finish.

There you are. Now you too can create your own customized favicon for your blog or website! Have fun, and let me know how it goes.

*Edit: some browsers may not display particular favicons.

21 thoughts on “Create Your Own Favicon

  1. Hi Larissa, I just found your blog and had to post a comment because my name’s Larissa too!I just launched my own blog a few months ago and I’m already chomping at the bit for a favicon, appreciate the instructions. (I also own WAY too many purses.)

    Like

  2. LOVE favicons! I had a super cute one for my We are not Martha blog, but then I screwed up the code and I never figured out how to put it back. Need to get on that!I’m on IE and I can’t see yours 😦

    Like

  3. I noticed the change. And it was good. 🙂 I’ve been having fits over here on my end trying to maintain my animated favicon… as it turns out, my internet connection’s too buggy at times to load it properly, so I get that nasty B every once in a while. And only Firefox handles it correctly. I think yours should be okay in most places though… when you uploaded it, was it in .ico format?

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s