Favicon: A small, but important website image.

By
Real Estate Technology

 

What's A favicon

A favicon is a small image (icon) representing your website - favicon is short for favorite icon. Favicons are the tiny images that show on the tabs of your web browser and bookmarks.

favicon examples

Favicons should be easily and quickly identifiable with your website. They should match the logo or some other unique characteristic of your website. In case of real estate websites, you could use the picture of the agent.

 

Why Have A favicon

They are important for branding and usability.

They help users find a website quickly within a long list of bookmarks, and help reassure the user that they are in the right website.

Furthermore, it looks like the website is not being neglected.

 

How To Create a favicon

The easiest way to create a favicon is to use an online generator. Here are a few examples: https://www.favikon.com; http://www.favicomatic.com; https://www.favicon-generator.org.


What File Type To Use

You can use ICO, PNG, GIF, or JPG

ICO is preferred because it's supported by all browsers and it can embed several sizes within it.

What Size Should The Image Be

The image size should be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on.

At a minimum you should have a 48x48 favicon, but you could also have other larger sizes for mobile IOS and Android. It's up to you.


How To Add The favicon To Your Website

It depends on your website CMS (content management system).

Instructions for the most used CMSs:

Wordpress
Joomla
Drupal

If your CMS is not listed above, simply do a Google/Bing search to find out how to do it for your CMS. For example, if you use Wordpress, type in "how to add favicon to wordpress"

 

If you don't use a CMS, simply FTP the image file into the root of the site or the images folder.

Once the favicon is uploaded, you need to add the following code to all the pages of the website between the HEAD tags. This is easily done if you use includes for the common areas of your website: header, footer, sidebar, etc.


 

That's it. It's pretty easy.

 

 

close

This entry hasn't been re-blogged:

Re-Blogged By Re-Blogged At
Topic:
Real Estate Technology & Tools
Tags:
favicon

Spam prevention
Show All Comments
Rainmaker
1,555,542
Georgie Hunter R(S) 58089
Hawai'i Life Real Estate Brokers - Haiku, HI
Maui Real Estate sales and lifestyle info

OK. Thanks for explaining why we need a favicon and how to install it!

Jun 26, 2019 12:59 AM #1
Rainmaker
702,765
Peter Mohylsky. The Santa Rosa Beach Expert
PrimeSouth Properties - Santa Rosa Beach, FL
THE BEACH IS OPEN

Easy, yes after I google a little more information about this stuff but thanks.  love your information 

Dec 05, 2019 01:24 PM #2
Rainmaker
1,988,787
Andrew Mooers | 207.532.6573
MOOERS REALTY - Houlton, ME
Northern Maine Real Estate-Aroostook County Broker

Good advice... that little image stands out big time in the sea of a search of urls Dario Ferreira .  Have a blog for fun where it's a black moose that makes people think Maine. To hopefully remember it to come back for more. With blogging you have to feed the mediastream like a diner that better be ope. To sit down and eat on a regular not hit or miss basis right? 

Dec 06, 2019 03:42 AM #3
Show All Comments

What's the reason you're reporting this blog entry?

Are you sure you want to report this blog entry as spam?

Rainmaker
122,349

Dario Ferreira

Internet Marketing
Ask me a question
*
*
*
*
Spam prevention