Get the Favicon Image of any Website with Google S2 Converter

The images that you see next to blog comments here are not the regular gravatar pictures, instead they are favicons pulled from the website of the person who has written that comment. Same is the case with favicons that are displayed near external hyperlinks in the tech river. With these images, you can easily figure out [...]

favicon-imagesThe images that you see next to blog comments here are not the regular gravatar pictures, instead they are favicons pulled from the website of the person who has written that comment.

Same is the case with favicons that are displayed near external hyperlinks in the tech river. With these images, you can easily figure out the target page without having to look at the browser’s status bar.

 

tech-river

Google Shared Stuff (S2) offers a secret URL that can automatically pull favicon images of any website provided you know the URL. The images are in the PNG format (not ICO) and hence will render correctly in all browsers via the <img> tag.

The syntax for favicons is google.com/s2/favicons?domain=<www.abc.com>

For instance, if the site address is labnol.org, the URL of favicon image labnol favicon will be:

http://www.google.com/s2/favicons?domain=www.labnol.org

To see all this in action, go to your Google Profile page and check the URL of favicon image that is displayed next to your website link - see example.

Now that you know the basics, try this WordPress plugin I wrote to make it easier for you to integrate favicons in your blog comments. Here’s the internal code:

if (!empty($comment->comment_author_url)) {$url = preg_replace('/^http:\/\//', '', $comment->comment_author_url); if ($url != "") {   $imgurl = "http://www.google.com/s2/favicons?domain=" . $url;    echo '<img src="' . $imgurl . '" width="16" height="16" />';	  }}

This gets slightly complex if you are on the Classic Template of old blogger since the authorURL is not directly available and you may require some JavaScript manipulation to get the URL from <$BlogCommentAuthor$>.

However in the new version of Blogger, you can get the URL of the commenter directly using the authorUrl Data Tag so the above technique can be ported to the new Blogger.

And if you have not added a favicon to your blog yet, check this guide on how to add favicons.


Related CRM Cloud Articles

Research Question Mindmap Experiment


My project team is in the beginning stages of running some in-home research interviews right now, so I’ve been preparing the questions we want to ask and the activities we might want to try. I brainstormed, wrote lots of ideas down on stickies,...

Read more about Research Question Mindmap Experiment...

How to Finance Human Capital Projects


People are constantly investing. Much more so of their own feelings and emotions that their own money. When people invest of themselves, they prefer their human investment to be returned at some stage. If you are supportive of a friend or peer, you...

Read more about How to Finance Human Capital Projects...

Search Content


Content Categories


WhitePapers


Oracle Magazine

Oracle Magazine contains technology strategy articles, sample code, tips, Oracle and partner news, how to articles for developers and DBAs, and more. Oracle (NASDAQ: ORCL) is the world's largest...Read More


Sales Force Automation Comparison Guide

Businesses of all sizes can benefit by automating all aspects of their sales processes with an SFA (Sales Force Automation) solution. But due to the sheer number of features that most SFA solutions...Read More


Which CMS Is Right For Me?

If you're wondering which CMS is the right one for your organization, this comprehensive guide will take you through the various options available, detailing the pros and cons of each. Download...Read More


How to Buy a Phone System

Considering a new phone system for your business? The Phone System Buyer's Guide from VoIP-News provides you with all of the information you need to make a more informed decision. The Guide helps you...Read More




View All Whitepapers