How to add favicon to your KVS site

HelmutsHelmuts is verified member.

Domain Summit | HostMaria
Staff member
Joined
Dec 23, 2022
Messages
678
Reaction score
0
This is a short tutorial for KVS newbies on adding favicon to your KVS tube website.
Definition: A favicon is a small icon that appears in the browser tab next to your website's title. Its main mission is to help branding for your website. Favicons are especially helpful when we have many open tabs on our browsers > favicons help us to identify quickly which tab belongs to which website.

The issue with the default KVS setup is: favicon is blank:
pKezO9b.png


1) Prepare Square graphics in Photoshop or any other graphics editing software.
Here is mine:
PSY7uMP.png


Save is in png format with transparent background (at least this is what I always do).

2) Now you need to convert your graphics from .png format to an .ico format
My favorite .ico generator is http://tools.dynamicdrive.com/favicon/

screenshot:
vlQqetI.png


3) Download your newly created favicon
Note: Make sure to remember the file location on your computer.

uaruRzP.png


4) now you will need upload your favicon.ico file to your host via FTP of your hosting dashboard's file manager
Note: It needs to be uploaded to the root directory of your website (often called "public_html" or "www").

For this:
4.1) delete the old favicon.ico
1dlxa85.png


4.2) upload the new one:
aJ3w8AD.png


5) Test the favicon: Refresh your website in your web browser, and you should see your new favicon displayed in the browser tab at http://yourdomain.com/favicon.ico
DraeTCF.png


Did this help?

 
Very informative tutorial, thanks [member=1]Helmuts[/member]

Just a quick note. Please remember that sometimes that favicon will not show immediately due to cookies. You can check your website in a different browser then :)
 
Back
Top