"What is and how to have a FAVICON!"

Last Update: March 20, 2014

Look up at the top of the screen and see that your BROWSER tabs have little pictures in them?

WA has a WA image - all the sites here will have a picture of a pc window and 2 red lines running down it - until you add your own picture!

These are called FAVICONS and add branding to your website pages.

They are quite special and are named as : favicon.ico

Therefore we need a special image editor to take our image and turn it from a .png to .ico


Relax say me! Why not look at a few samples of it in action?

www.PayPal.com , www.Yahoo.com , www.YouTube.com - what you will notice is it may differ to the company logo in some way, but it becomes memorable as you build your branding.

Create the image you want to appear sized 32 x32 or 64 x 64.

.png is probably the best option.

Remember it is very small when uploaded to the browser!!

Or

If you are really stuck, you can give my blogs love on Facebook, and any other like feature you stumble across, comment him everywhere - and then beg the OldMule to do it for you!

Or

Just ask nicely and he will probably do it for you by sending him your website link and let him just make what he thinks will work best for you!


...... AND THAT FOLKS WAS REALLY THE HARD PART!!!


Next:

Now we need to go and grab one handy little beast of a plugin!

Search plugins for the: - Heroic Favicon Generator - Ta-Daah!

1. "Do you want to install it??" - [ "Are you sure?" - "Yes already!"]

2. Press "Select favicon" button - and find it on pc.

3. The picture will now appear on the Left side of the screen in Media Library.

4. Select the picture by click once.

5. Box on right - Enter text : Title : Favicon

Caption : Whatever

Alt text : My favicon - Important

Description : My favicon ... more if you want.

6. Leave all boxes ticked! In fact they are in your imagination only! They are not there!

7. Scroll down to SAVE CHANGES - Done and for many up to date devices!!!!

Other notes:

It may take a bit of time to see them, if you login on someone else’s pc you may get to see them immediately, or open a different browser and try too.

I hope you find this informative and that I have simplified the points herein.

Please feel to like, discuss and comment and Facebook at top of page when you can.

Please also read and like my other blogs to?!

Thank you in advance.


Tomorrows blog: "How and why you can win or fail with WA!"


Have a question you feel may help others too? Please just shout me!

OldMule

Join the Discussion
Write something…
Recent messages
Ainura Premium
oh, i found out that some themes support favicons. for example my theme is Sampression Lite and they have a special option for a favicon! )) isn't that great? all themes should have it.
no, what do i use for a favicon? )))
Reply
OldMule Premium
Agreed! When your site is done, give me a shout and I will design one for you for free. Chat soon.
OldMule
Reply
LittleKitten Premium
Wow! Love that training! I will make myself a nice Logo and use this training to change my FAVICONS.
Reply
OldMule Premium
Thank you - that gave me a great big smile! Cheers for the comment! Good luck with it - and shout if stuck with any thing!
OldMule
Reply
terryellen Premium
Great info, thank you so much
Reply
OldMule Premium
Most welcome - thank you.
Reply
Expression01 Premium
I did It! Thank you again.
Reply
OldMule Premium
Your smokin!!
Reply
Offir D Premium
Thanks for the help, OldMule. That's a great plugin.
Reply
OldMule Premium
Glad you agree! Thanks for the feedback and the great comment!
Reply
katheemis Premium
Awesome information! Thanks OldMule!
Reply
OldMule Premium
You are most welcome!
Any help needed -shout!!!
Have a magic day!
Reply
Expression01 Premium
I was wondering what that favicon thing was! lol Thank you
Reply
OldMule Premium
Glad you now know!
Need a hand? Just shout!
Godspeed!
Reply
dja123rd Premium
Fascinating! Always wondered about that. When I start branding, I know who to contact. Thanks for the interesting information.
Reply
OldMule Premium
You are of course welcome and thanks again for the comment!
Reply
caylynn Premium
Thank you for sharing. You know my favicon. ^_~
Reply
OldMule Premium
Let me think now my little flutterby - hmmmm maybe I need to get back to you on that one!
Hugz! - Going now to see it!
Reply
OldMule Premium
Hmmm think I jumped the gun there? HA!
Reply
caylynn Premium
Mac user. Upgraded to mavericks OSX and flutterby has disappeared. Searching for solution. :(
Reply
OldMule Premium
As a reminder - PM me that sad tale I will help search using my net! x
Reply
babygal1 Premium
Damn!you are easying my worries....Thanx again.My questions are being answered one by one.
Reply
OldMule Premium
You are welcome, that is what a mentor is for!
Reply
g2G8850 Premium
Your kind words humble me and your mentorship is something that I value greatly. It is good to have such a friend as you on this road to success. Thank you.
Cliff
Reply
OldMule Premium
As said - you are most welcome.
Reply
WJC Premium
Hey Oldmule. Thank you for the info. Very Cool!
Reply
OldMule Premium
Shout me your site address here and I will go check it out!
Good stuff!
Reply
g2G8850 Premium
I now have a Favicon. It worked beautifully. Thank you OldMule.
Cliff
Reply
OldMule Premium
Chuck your link in here as a new comment and we can all see!
(Tell them all why you did it to!Ha!).
You are my man!
Reply
g2G8850 Premium
It's not showing up yet. I did it for the sheer joy of learning something new (and branding of course). Here's the site. Maybe it will show up for you guys. http://gentscornerjewels.com
Reply
OldMule Premium
I see it - you must clear your browser cache/history and refresh the page. Try that!
Reply
g2G8850 Premium
Will do.
Reply
g2G8850 Premium
Still not seeing it. Must be doing something wrong. Gonna try to figure it out. Thanks again OldMule, and if I continue to have an issue, I'll be acallin.
Reply
OldMule Premium
Have you got another browser to try? Chrome, Firefox, Opera, IE? Have you got a smart phone to look at it?
Reply
OldMule Premium
And it rocks!!
Reply
g2G8850 Premium
Saw it through Chrome. It brought a BIG smile to my face! Thanks again OldMule.
Reply
OldMule Premium
I am really happy for you as well! You are a doer - you WILL make it my friend!
I will be very happy to have you under my mentoring - you rock! Keep it up my friend!
Reply
g2G8850 Premium
Your kind words humble me and your mentorship is something that I value greatly. It is good to have such a friend as you on this road to success. Thank you.
Cliff
PS: I put this reply in the wrong place at first. Please disregard it in the Comments box.
Reply
OldMule Premium
No worries - message received!
Reply
Scorpio15 Premium
I will save this post thanks for the info!
Reply
OldMule Premium
cheers for the read and response!
Reply
Generalist Premium
Hey OM. Do all WP themes support Favicon plug-ins? and is there any real difference between a Favicon and a Blavatar?
Reply
OldMule Premium
Blavatar is a NEW term derived by combining Blog and Avatar. Blavatars are used in a number of ways. It will be displayed as the favicon for your blog, which shows up in a browser’s address bar and on browser tabs.

It will show up in the comments section of a blog if you send out any pingbacks.
If one creates a bookmark on their browser or shortcut on their iPhone/iPad home screen to any blog with a Blavatar, it will also be used as the icon.

I think the plugin I introduced covers all those areas.

I did not introduce it that way as most folk are still to meet the Favicon term.

Hope this helps.
Reply
Freedomseekr Premium
Very good advice, this is something I'm going to do, well, at least give it a go, hopefully soon. Thank you for sharing, OldMule! :)
Reply
OldMule Premium
Not difficult at all! If you need help with making the image shout me.
Reply
g2G8850 Premium
I just activated heroic favicon generator, but I can't find the select favicon button. Help please!
Cliff
Reply
OldMule Premium
Have answered your PM my friend.
Reply
g2G8850 Premium
Thank you, you're the best.
Reply
stn67 Premium
Thanks i will save this tutorial
Reply
OldMule Premium
Welcome any time, thanks for the read and comment!
Reply
Damien Lane Premium
Just stopped by to see a PRO weave his magic... Left with the same lofty respect ~ see ya again tomorrow probably mate.
Reply
OldMule Premium
Your my man! Thanks for the visit and cool comments! Catch you laterz!
Reply
TerryAsh Premium
So, will PagePlus or the other Serif free software save as .png?
Reply
OldMule Premium
Yes - and a variety of others too.
.gif .jpg .jpeg .png .bmp at least.
You would be best of with:
DrawPlus for drawing
PagePlus for brochures and PDF
Reply
boomergp08 Premium
Yes Andy, using a Favicon makes a website more professional. I have them on all 3 of my websites and they are relevant to their respective websites.

Great post! Thanks for sharing!
Reply
OldMule Premium
Nice one! Thanks for the great comment as well.
Reply
777getgoing Premium
I finally got it to work! Ok it took me some time, but I'm happy with it. Thanks Andy! What you else you got, bring it on. Ha! Ha!
Reply
OldMule Premium
Bless you! I am happy that it worked for you I will go and look as well! Stay blessed!
Reply
SfRobert83 Premium
This is great information that I never even considered. I know how important branding and marketing can be for any business and campaign and the small details can make a huge difference in increasing the professionalism and credibility of a site.

I've recently learned the basics of Photoshop so I may try to make a little logo or I may come begging to the OldMule! Lol
Reply
OldMule Premium
It will take me a few minutes to help you! PM me if you want.
Reply
Trialynn Premium
This one never even crossed my mind, how funny what one notices! Thanks for the info. It is really appreciated!
Reply
OldMule Premium
Great show. Thanks also for the nice comment.
Reply
FFMktg Premium
Thanks, GREAT stuff... I wondered about that. Now I know...
Reply
OldMule Premium
Glad to be able to help. Thanks for the nod!
Reply
Rip Premium
Got through the picture and the description. Where are the check boxes again.... lol
Reply
OldMule Premium
There are a whole lot of images on the page for varying screen options and will all be auto ticked as selected. If they are not, select them all, then simply go down and hit save.
Reply
KatieMac Premium
Thank you for the info, not quite grasped it but I will in time have bookmarked it and will come back again
Reply
OldMule Premium
Good stuff. Thanks for the comment as well.
Reply
Melanie1508 Premium
Hello Andy...Wonderful info. Thank you kindly. When you have the time...can you peek at my site and give me some critique? I can use some help. It is : organicforhealth.org
I appreciate it very much. I am looking forward to your next blog.
Take Care...Melanie
Reply
OldMule Premium
Hey hey! Your site is looking FAB!!!
Please read my Wordpress editor blog, may help tidy things.
Otherwise it is really looking good!
(I actually just finished a client site on Sunday night using that theme).
Keep rocking on and shout me to take another and more deeper look if you like - any time.
Thanks too for the comments.
Reply
joyparker Premium
OMG Old Mule, that's awesome new information for me. Thanks so much. Bless you!
Reply
OldMule Premium
Most welcome sweety! Thanks for the comment too.
Reply
DNTL Premium
Ouh great! That was going to be my next question, got my answer, thanks! :)
Reply
OldMule Premium
Glad you like!
Reply
missyd Premium
I have heard of favicon and knew what it was, but had no idea how to do it, thanks again, OldMule.
Reply
OldMule Premium
Thank you too. Glad it was useful info for you.
Reply
edensbox Premium
Oooo! One of those I wondered how they do that things! Thank you for the information!
Reply
OldMule Premium
Ha - now you know as well!
Reply
Kristian1974 Premium
Great post. I had no idea that they were favicons. Thanks for sharing this info. I have someone at fiverr making me a site logo at the moment so I will definitely convert the image into a favicon when it arrives.
Reply
OldMule Premium
If you need help making the original - shout me.
Reply
cybridge Premium
Nice! Thanks for sharing.
(Permission to post)
There is a video in which you can also learn how to create your favicon on this blog... https://my.wealthyaffiliate.com/cybridge/blog/how-to-create-your-favicon-icon-for-your-website

Best of luck,
cybridge
Reply
OldMule Premium
This plugin works differently as it creates several sizes and for different screen types, so it is different to what you are suggesting. Thanks for the nod anyway.
Reply
GatorGal747 Premium
Hey there, Andy Andy....have the time to work on my site today....by jove, I believe I will just check this out. Thanks for the step-by-step instructions....stay tuned, tho....there are those here who wobble a lot before they walk (ME!!).

Thanks for sharing good stuff, as usual.........

~~Suz
Reply
OldMule Premium
Have a magic day and thank you for the lovely comments as always from you.
OldMule - hugz!
Reply
GatorGal747 Premium
LOL....only said it 'cause I meant it. Wishing you a magic day, too.
Reply
sheykc Premium
Thanks for sharing this article. I keep seeing "favicon" mentioned everywhere on the web, and I've never taken the time to learn what it means, until today. Now I will have to create one for my new sites.
Reply
OldMule Premium
Thanks for the great comment and glad it was of use to you! Shout if you need help. Tell us here when you do it.
Reply
sheykc Premium
I will do that! Thanks again.
Reply
gusti Premium
The longest post (still great & pithy) you've ever made here, Andy.. (thank God I made through it without any toothpicks stuck in my eyes, remember Mr. Bean attempted this act ages a go? he.he.he..)
Reply
OldMule Premium
Ha! Dear old Mr Bean!!
Thanks for the comments and the time taken to read it sweety!
Hope you are having a magic day!
Reply
gusti Premium
hope you are having your magic day too, Andy.. ;-)
Reply
welshy Premium
Great advice OldMule, it's nice to see a plugin that works with the dreaded IE browser. I know many Favicon plugins work but not with IE.

A great site I use very often for icons is iconfinder.com
I always change the license filter to commercial use ok no link back and search away.
The great thing about iconfinder is you can download icons in several square sizes and in PNG ICO ICNS format.
Reply
OldMule Premium
The biggest advantage of this plugin it makes several favicons so it shows up on more devices. Thanks for the comments and the link.
Reply
EvaCBD Premium
Will definitely check this out. Thank you.
Reply
OldMule Premium
Most welcome!
Reply
masirois Premium
I only just heard about favicons yesterday for the first time and added it to my list of things to find out about. Thanks for making my search easy! Good info.
Reply
OldMule Premium
So glad I got the timing right for you - this plugin adds more favicons than the standard built in one for other screen types as well. Let us know here how it turns out.
Reply
gregarious1 Premium
Thank you for this . It is a little addition to make the site more appealing with the right image that is.
Reply
OldMule Premium
Yes, branding.
Reply
Kimsh Premium
Works a treat. Thanks again:)
Reply
OldMule Premium
Most welcome. Thanks for the comment.
Reply
WrightA Premium
I installed my Favicon by going to Appearance and then Customize Theme (I think - I'm not in front of my laptop) without having to install a plugin. I chose a pic from my media and it did the rest. Perhaps availability is different per theme you choose?
Reply
OldMule Premium
thanks for the comment.
This plugin adds favicons to other media screen which the standard one can not.
Have a magic day!
Reply
WrightA Premium
Oh got it. Ok thanks! Good to know.
Reply
BeckieG Premium
Awesome! Will have to try this!
Reply
OldMule Premium
Good show - share with us here if you do.
Reply