email: Subscribe || twitter: @autonomousindus || rss:

Placing a favicon on your website root directory, will brand your website’s url and be the first image a website visitor sees that represents your brand.  If a user has bookmarked your website or a particular page then they should still see your favicon that you have uploaded and linked to on your website.  Placing the following code within your <head> of your website pages should link the icon you have uploaded to its rightful place along side your domain name when it has been loaded by someone.

<link rel=”icon” type=”image/x-icon” href=”/favicon.ico”  />

Favicon generators are scattered all over the internet in many different fashions.  Below is Dynamic Drives favicon generator, which will turn an image of your choice in to a 16×16 pixel .ico file for you to upload to your website.  For this set up though we shall utilize favicon.cc’s manual generator which allows you to create your favicon, pixel by pixel on their website and save it to your pc.

Dynamic drive favicon generator create brand image website pages autonomous industry marketing

Below, favicon.cc allows you to edit each pixel manually.  There is a colour chart available next to it which means you are not limited by colour but only by the boundaries of  the small amount of pixels.

Dynamic drive editable field create favicon generator for your bands music website artist marketing

Here is our attempt at creating a quick icon which represents Autonomous Industry in some way.  Below where you create, you will be able to see a preview of your favicon as it should look.

Preview favicon example using the generator autonomous industry guide promotion brand image

In this example the A and I are both bold enough to be noticed so download the favicon after you are happy.

Live preview of favicon using dynamic drive generator website image 16 pixels

Save the file to your pc, ideally where you know it will be for a later date.  We recommend you have the exact same copy of what you have online on your own pc, so you can swap and change individual files when you need to.

Save favicon .ico icon file image website dynamic drive generator create make how to guide

The line of code prompted at the top of this part of the guide is shown highlighted below within your <head></head> on your websites document.

Add link to favicon in head of website icon generator autonomous industry promotion marketing music band

A note to remember, sometimes when your favicon is uploaded and the link to it is new within your websites documents, it can take some time to load.

Its now time to connect to your hosting with your FTP and get ready to upload your new files.

Connect to hosting using ftp login details autonomous industry

Find website folder to upload favicon

Website folder to upload favicon to your hosting

Upload your files to your domains folder, this should only take a few seconds as the files are very small.

Add favicon.ico icon image for website to folder upload

Once uploaded, go check your new favicon’s status.

Check your favicon for marketing image branding autonomous industry guide promotion music bands

Want to know more? Follow the band self promotion guide we wrote The Introduction
Read our News Updates for music marketing info.
Check the Directory for new music service websites and tools.
Or subscribe by Email for all updates on the website.