Simple Favicon.ico with PhotoShop

So I just set up a new website this morning (oh, this website), and I wanted a custom favicon. It took 30 seconds to make and I thought I would share.

What is a favicon? Wikipedia will be happy to explain.

Thirty seconds? Yep.
1) Find the image (I took a screen capture of my Google Profile Picture)

2) Open it in photoshop
3) Trim it to square
4) resize it to 64×64 pixels

5) export/save for web
6) set to export as png24
7) save as favicon.ico
8) Upload to the root of your website

Leave a Reply

Your email address will not be published. Required fields are marked *