Learn web development, system admin, devops, digital marketing, project management and more

What is a Favicon

A favicon (short for favourite icon) is a small image that helps website visitors to identify the branding of your website.  It may appear in the browser tab, address bar or your selected web page favourites / bookmarks. 

What file formats does favicon support?

The file format of a favicon image is most commonly ico, png or gif to get the best cross-browser browser support.  However, jpeg or SVG can be used with a limited number of browsers.

What file size should a favicon be?

The file size of a favicon should be 16 pixels square and 32 pixels square for the best cross-browser support. Although, you may want to create your favicon as different sized to cater for special browser specifications. 

How to Create a Favicon

A useful free tool for creating a favicon is favicon.io

By uploading a PNG image it will create the files required to be compatible with most browsers...

android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico

Then upload the files to the root directory of your website and insert some HTML code into the head section of your website.

 

From the Book:

HTML

Contents


What is a Favicon

More Books...

Disclosure: Some of the links on this website are affiliate links of which Website Library receives a small commission from the sale of certain items, however the price remains the same for you. For more information please read the Affiliate Disclosure.