Hello Readers! Here is a small blog giving you a brief introduction on the favicon icons. So, what is favicon icon? Why we use it? Well Favicon is a small logo which is found in the title bar with the name of the of the visited URL , and it is used to promote a trademark of any company. Favicon is the shortcut from the Favorites icon.
Favicons are helpful to differentiate your website from others, especially in a case where users have opened many tabs or they're searching through their browser history or bookmarks bar.
Adding a Favicon to your Website :
It is recommended to place this code inside the <head> element.
<link rel=shortcut icon href=URL of your image/>
Only three of the image formats are supported, such as .png , .gif, .jpeg. Favicons can be of size like 16x16 pixels, 32x32 pixels, 48x48 pixels, or 64x64 pixels, and 8-bit, 24-bit, or 32-bit in color depth.
Apple iOS home screen icons:
Apple devices with the iOS operating system such as the iPad Touch, iPhone, and iPad, support the ability to provide a custom icon to be displayed on user's home screen . To provide an icon , it is first required to upload the icon to the server, and then add the following code with the HTML of the website, inside the <head> element.
<link rel=apple-touch-icon href=URL of your image/>