Categories: Development

How to add a tab icon in html

The little icon that sits before the tab title text is called a favicon. A favicon can be in png or ico format, with png being supported by all browsers except early IE versions. 16×16, 32×32 or 48×48 are popular dimensions, since the favicon is always kept at a small-scale you don’t need to go big as this may cut into loading times.

To have a favicon for your website have your logo or icon in png or ico format and include this code in the

section on each page you want to have the favicon:

Remember to change the href to your website, folder and favicon name.

Share

Recent Posts

Kennington reservoir drained drone images

A drained and empty Kennington reservoir images from a drone in early July 2024. The…

2 years ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

2 years ago

Early September spring shots

Some early September spring shots from a bushwalk, It is still too early for wildflowers.

3 years ago

Cloning an NVMe to SK Hynix Platinum P41 NVMe

I recently needed to clone over a smaller NVMe to a 2TB SK Hynix Platinum…

3 years ago

Using Laravel’s deleteDirectory to delete folders and their contents

If you ever needed a simple solution in Laravel to delete an entire directory and…

3 years ago

How to allow only 1 user to register in a Laravel application

How to enforce only one user to register or be registered in a Laravel web…

3 years ago