Changing The Small Image On The Tab Head


I’m new to web development and I ran into a rather small (but annoying) obstacle.

I don’t know how to change the image in the head of a tab page (see the red square in the image attachment)

The problem is that I don’t know what the name of that little image is so I’m having trouble searching for it in the code/on the web.



Would anyone be so kind as to tell me the proper name for this small image?

A direct tip on how to change it is also welcome, but I’ll already be happy with the name.

Many thanks.

It’s a favicon. :)

Thank you very much!

I got it working in a minute with that link :)

One problem arose though.

I had to use the "page-spicific favicons" approach to get it working.

However, it also says you should add a favicon to the root folder for some cases.

That does not work, when I only add the favicon to the root it didn’t get shown on the page.

note: when I navigate to the url of that favicon (localhost/<rootfolder>/favicon.ico) I do get the favicon in my browser.

Is there some extra setting to get that page-wide favicon working or is this simply not supported in Yii?

I would stick to the page specific variation given that you’re only including it once in your main layout file. It’s better to be specific than to just leave a favicon file in the root of your site. Also, if you decide to change the image in the future, you’ll have a hard time getting browsers to drop their cache of the old image. By specifying the file path, you can give the new icon a new name and so force browsers to update their cache.