How to add a favicon to your website - CurrantWeb

    Contact Us

    For advice or a free quotation, please call:

    02476 552 222

    Or please drop us a quick message.

    Please be assured your information will not be shared with any party outside of CurrantWeb.
    * Denotes a mandatory field

      Book A Demo

      To book a demo of our templates, simply make a booking request below:

      Please be assured your information will not be shared with any party outside of CurrantWeb.
      * Denotes a mandatory field

      How to add a favicon to your website

      Share on facebook
      Share on google
      Share on twitter
      Share on linkedin

      Table of Contents

      How To Add A FaviconHave you ever noticed them little graphics that display alongside the site URL when browsing on the web? Well they’re called favicons and they’re a great way to add an extra little touch of professionalism to a website. If you want to add a favicon to your site follow these simple steps.

      1. Open up your favourite image editing software (let’s assume Photoshop for this tutorial) and create a new document 32 pixels high by 32 pixels wide.
      2. Create your favicon icon. Remember it should be simple and easy to make out so don’t add to many details, keeping it simple is best.
      3. Once you’re happy with your favicon go to file > save as and select the ico format from the dropdown list. Save the file as favicon.ico. If the ico format isn’t available then save it as a gif for the moment.
      4. If you’re icon is currently saved as a gif you can convert it to the correct ico format by converting through one of the online convertors that are available (http://convertico.com/ is one i’ve used before).
      5. Now you’ve got your graphic in the correct ico format you can now implement it onto your website.
        Simply copy the following code into the head section of your website ensuring the path to the graphic is correct.

        [html]<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />[/html]

      6. Make sure your icon graphic has been uploaded and thats all there is to it. If you refresh the page a few times you should now see your icon displayed at the top of the browser.

      Recent Posts

      How to Start Affiliate Marketing

      Are you interested in getting into affiliate marketing? You are? We certainly don’t blame you. In today’s capricious economy and with the uncertainty of Brexit

      Read More »