December
30
0 likes
0 comments
0 shares

Favicons: Fancy, Flashy, & Fabulous

Featured Image for Favicon Blog Post

Favicon Blog Post Image

Have you ever had one of those moments when you are in the midst of a conversation with someone and that someone says a technical term you’ve never heard, so you give them one of these?…

“OOH, UHHUUUUUUUH, UHHHUUUUHH…carry on.”

What’s that? You are wondering if I asked you that question because it is something I experience quite frequently myself?

“OOH, UHHUUUUUUUH, UHHHUUUUHH…carry on.”

Sometimes the Hostwinds Team likes to clarify certain technical terms, as there are a truckload of them out there and people in this industry casually throw them around left and right. The tech term we’ll discuss today is the favicon.

 

What is a Favicon?

Favicons are so pretty and fancy. I like them. They are those little icons that live on the tab of your internet browser window. The favicon will also appear to the left of the website name in your “bookmarks.” Sometimes they appear to the left of the website’s URL. Favicons are very useful for search engine optimization (SEO) purposes. An image might be more appropriate to illustrate exactly what favicons are:

Hostwinds' Favicon

Hostwinds’ Favicon

That little icon the red arrow is pointed towards is Hostwinds’ favicon. It’s pretty, right? What’s that? You can’t stop staring at it because it’s so cool-looking? Me too…me too, my friend. By the way, the silliness is REAL right now, but I will try to hold it back by providing you with a bit of favicon history.

Favicons were born in 1999 when Microsoft’s Internet Explorer 5 emerged. The name “favicon” was implemented because this icon is, as the kids say, your “FAAAAVE ICON.” Get it?…Because the youth shorten so many words like “Perf” for “perfect” and “OBVIIIII” for “obvious?” OKAY, HISTORY LESSON IS OVER NOW! Wow, going over the interesting history of the favicon was a lot quicker than I thought it would be. Oops! I guess we’ll jump right back into the silliness! Just kidding. It is classy and professional to use your company’s logo for your favicon to retain consistency in regard to your brand.

If you are interested in appending a favicon to your website, you are in luck because it is quite easy. If you Google “free favicon generator,” you are sure to find a website that can turn your logo or preferred image into a small favicon. Moreover, if you are building your website from scratch, simply add the following line of code within the opening and closing <head> tags of your web pages’ HTML documents (Note: it is important that you enter your image’s file path within the empty quotation marks following the “href=”):

<link rel=”shortcut icon” href=”” type=”image/x-icon” />

Last suggestion before we conclude: If you use an ICO format rather than a JPG or PNG format for your favicon, it will be recognized by every single browser. And now,

It’s (*Musical Notes*)

“Closing time
Time for you to go out go out into the world
Closing time
Turn the lights up over every boy and every girl
Closing time”

(*Musical Notes*)

Hmm what’s that? Lock it up, Erin, and get to the conclusion? What’s that? It’s definitely not the first time you’ve had to remind me to do that? Oh, got it. Won’t happen again! Oh, and by “won’t,” I mean “probably will by accident at least once more.”

 

Stay Fancy

As Fred R. Brand once said, “a picture is worth 1,000 words.” Favicons are quite important in that regard because people do remember websites (and nearly everything else for that matter)  when they see an image. Subliminal messaging is illegal because it is so effective, and favicons help businesses because consumers recognize the favicon (consciously or subconsciously) and have a clearer, more distinct memory of said business. In conclusion, stay fancy and set up a favicon for your website today!

(P.S. We do not own any rights to the lyrics of “Closing Time” by the band Semisonic, and we hope that our use of them is inoffensive and covered under FAIR USE.)

Share:

LEAVE A COMMENT





This site uses Akismet to reduce spam. Learn how your comment data is processed.