Create Your Own Website Favicon

Create Your Own Website Favicon

In just a few steps you can create your own website favicon, what’s a favicon you ask? When you go to a website you will notice next to the address bar a little icon that shows up in most web browsers. Here are six easy steps to making your own.

Step 1: In Photoshop or an equivalent software make a graphic representing your company or business best. This works really good if you can keep it within a square canvas. I did my sample favicon at 490px x 490px. Save out as a PNG or JPG depending on if you will have a background or not, my sample image is a PNG with no background.

Screen shot 2011-03-09 at 2.20.34 PM

Step2: Go to iConvert’s website at: http://iconverticons.com/

Step3: Click the “browse” button and find the file you just made, then hit the “convert” button.

Screen shot 2011-03-09 at 2.31.31 PM

Step4: After processing you will have a bunch of file formats to choose from. Scroll down till you find the ( Window .ICO ) or towards the bottom of the list you will see the “Download ICO” buttons, which offer two sizes i usually select the bigger of the two (32px x 32px).

Screen shot 2011-03-09 at 2.24.22 PM

Screen shot 2011-03-09 at 2.24.48 PM

Step5: Find your saved ( .ICO ) file that iConvert made for you and change the name of it to ( favicon.ico ).

Screen shot 2011-03-09 at 3.47.31 PM

Step6: If you have access to your server upload this new ( favicon.ico ) file with your FTP software to the root level of your website. Give it a few minutes then refresh your web browser and you should see your beautiful new favicon icon. If you don’t have FTP access or you have no idea what I am talking about send the final file to your IT guy or girl and they will get it where it needs to be!

Screen shot 2011-03-09 at 3.51.33 PM

Thanks for checking out the tut, happy faviconning!

is Co-founder of Going Interactive and Strategic Director. Doug brings over 27 years of professional experience to the table. He is a seasoned professional with a knack for complex problem solving and common sense approach to usability. Doug has helped to create a variety of award winning work both locally and regionally for clients like Apartment Guide, Rubik's Revolution, The Ron Clark Academy, Prime Time Toys, Kimberly-Clark Professional, Chik-fil-a, and Gardener's Confidence. Doug served as the first ever Interactive President for the Atlanta - AIGA (American Institute of Graphic Arts) Chapter.

1 Comment

  1. Author
    Doug 13 years ago

    Great Post Phil!

Leave a reply