WebRef.eu  - Internet Marketing and Online Business Resources  

Home / Site Map | Blog | Contact

How to Create a Favicon

Size 16px x 16px.

Can be saved as .png. Use favicon.png.

Add a link into the head section of your web page:

<link rel="shortcut icon" type="image/png" href="images/favicon.png">

HTML5 syntax for displaying favicons:

<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-16x16.png" sizes="16x16">

<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-32x32.png" sizes="32x32">

<link rel="icon" type="image/png" href="https://cdn.yourwebsite.com/favicon-96x96.png" sizes="96x96">

You can use .png for Favicons.

Important Sizes:

16x16: browser favicon
32x32: taskbar shortcut icon
96x96: desktop shortcut icon (and Google TV)

For browsers, create a 16x16 .png.

Such icon files can be 16×16, 32×32, 48×48, or 64×64 pixels in size, and 8-bit, 24-bit, or 32-bit in color depth.[

See also:

Everything You Need to Know About Favicons 2017



To generate a .ico file, you can either use an online favicon generator, or there is a plugin for Photoshop.


Visit LowPrices.co.uk for Your UK Shopping


Low Prices UK Shopping

Compare Prices
at LowPrices.co.uk

Home / Site Map | Contact

All Content ©2020 WebRef.eu