Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to add a favicon icon to your site?

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 535
    Comment on it

    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/>

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: