How to add image in URL when web page is opened

Asked By rosellas phillips 10 points N/A Posted on - 02/05/2013

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?

• Status: Open
• Question Views: 1331
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: Web

Answered By Drake Vivian 30 points N/A #165282

How to add image in URL when web page is opened

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.

 

 

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.)

 

About Drake Vivian

Questions
0

Answers
820

Best Answers
186

• Vote Up 0 Vote Down

• Posted on - 02/07/2013
• Question Category: Web