The Blavatar/Favicon, AKA your Mini-Me

Tiny icon, big impact.

You know that little image that shows up on next to a website on your browser’s tabs? I know what you’re thinking… dang that thing is cool and I want one like now. No?  Well, if you have your own website for business or pleasure and you’re still rocking the default image, you will want a sweet custom one when you’re done reading.

Favicon: also known as a shortcut icon, Web site icon, URL icon, or bookmark icon associated with a particular Web site or Web page.
Blavatar: WordPress’ version of the Favicon.

tabs- blave cut

You may not think very much of this little icon at first. You’ve become accustomed to having multiple tabs open on your browser, effortlessly surfin’ the net without a care in the world, that is, until you start your own website or blog and you see the dreaded DEFAULT option.

Default blavatar/favicon: blogger blava   wordpress default

Your blavatar is like a mini-profile picture, and it should match your site’s color scheme, attitude, and style. But, how do you accomplish this in a tiny128X128 pixel square?

*Customize your favicon image in Blogger/Blogspot or Tumblr.

If you have Photoshop, open a new file and set the image size to 128 pixels X 128 pixels.
my blavatar

If you don’t have Photoshop, open Paint  and click Resize. Deselect “Maintain aspect ratio” and type 128 in both boxes. Then choose Pixels. This action creates the true size of your blavatar image for WordPress.
paint blavatar

From here, you can choose the look of your blavatar.
Tips: Decide on a bold monochromatic symbol or logo for your image. Or, choose 1 or 2 letters that will represent your website. Chose at most 2 colors (light and dark). White makes a great accent color and is sure to stand out. You can test out different options and see what looks best.


1.) Open WordPress Dashboard
2.) Open Settings > General in the menu column on the left

3.) See Blog Picture / Icon > Choose File > Upload File
blavatar instructions

4.) Crop Image – Click “crop image.” If you uploaded a 128px X 128px image, it will be the correct size.
5.) Back to Blog Options – click “back to blog options” and refresh to see your work of art in action. It may take a few minutes to show-up, but when it does, it will all be worth it!

Customize your favicon in Blogger/Blogspot and Tumblr here.


Leave a comment

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