How to add image in URL when web page is opened

Asked By 10 points N/A Posted on -
qa-featured

Dear Experts,

I want to add an image/logo in the address bar when my page is opened in any browser. Is it possible to add html URL picture browser when opens the page? How?

SHARE
Answered By 30 points N/A #165282

How to add image in URL when web page is opened

qa-featured
Hello,
 
The tiny logo image you are talking about is called a favicon. It can easily be set up to show besides the page name on the open tab in the browser and next to your page's name in your bookmarks (it looks like No1 on the picture). 
 
However, browsers don't support favicons in address bar anymore. Due to security reasons images (No2 on the picture) standing in front of the URL are automatically set by the browser and they depend on the website's security level. For example, if the site is using secure connection you will see a padlock and on most of the websites it will be blank.
 
Standard dimensions are 16x16 pixels
 
The favicon is a simple transparent image with the .ico extension. Standard dimensions are 16×16 pixels. You can use any image editor for creating that. Create a new file with 16×16 PX dimensions, import your logo, clean it up a bit so it's not blurry or messy after such a drastic resizing, and once you're done, save it as a favicon.ico
In the case your favorite image editor doesn't support saving files in .Ico format just saves it as a .png and use some free online services to transform it to .ico file.
 
After your favicon.ico is done, upload it to the root of your website.
 
(Before seeing your favicon in the browser you may need to clean your browser's cache.)

 

Related Questions