how do you set the icon that is shown on the right side of URL in a browser or in a Tab?
Thanks,
Marc
Who needs a nickname, be yourself. Well most of the time...
Marc Van Cauwenberghe
Registered User
56 posts
Hello,
how do you set the icon that is shown on the right side of URL in a browser or in a Tab?
Thanks,
Marc
how do you set the icon that is shown on the right side of URL in a browser or in a Tab?
Thanks,
Marc
Jim Cantrell
Ambassador
1,525 posts
You need to create a 16x16 image and save it as favicon.ico then upload it to your server.
There are lots of online icon creators similar to this one.
http://www.degraeve.com/favicon/
There are lots of online icon creators similar to this one.
http://www.degraeve.com/favicon/
Jim
---------------------------
---------------------------
johnvanhulst
Registered User
293 posts
Hi Marc,
No image editor that I know is able to save a picture as an *.ico file and there's no need to do so. Just use your favorite image editor, create the image (16x16, 32x32, 64x64) save the file you made as a jpg or gif image, upload it to the root of your server with your favorite FTP software (the root is where you start when you connect) and rename it there (or before) from 'someimage.jpg' or 'someimage.gif' to 'someimage.ico'. If you are able to make an animated gif file, then the *.ico file will be an animated one as well!
Success, John
No image editor that I know is able to save a picture as an *.ico file and there's no need to do so. Just use your favorite image editor, create the image (16x16, 32x32, 64x64) save the file you made as a jpg or gif image, upload it to the root of your server with your favorite FTP software (the root is where you start when you connect) and rename it there (or before) from 'someimage.jpg' or 'someimage.gif' to 'someimage.ico'. If you are able to make an animated gif file, then the *.ico file will be an animated one as well!
Success, John
John van Hulst
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
Gimp (Free)
, Photoshop
, Photoshop
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
AD99nl
Ambassador
1,130 posts
Try icofx http://icofx.ro/ it can edit any image into a favicon ico file. Then upload it to your website and use this code to have it show up.
<link rel="shortcut icon" href="http://www.yourdomainname/favicon.ico" />
It can sometimes take a few days to show up as an icon next to the url.
<link rel="shortcut icon" href="http://www.yourdomainname/favicon.ico" />
It can sometimes take a few days to show up as an icon next to the url.
Marc Van Cauwenberghe
Registered User
56 posts
Thanks everyone.
I see that I wqill need to put some code somewhere. Could anyone tell me where this must be set.
Index.html? I use VSD, will it not be overwriten each time?
Marc
I see that I wqill need to put some code somewhere. Could anyone tell me where this must be set.
Index.html? I use VSD, will it not be overwriten each time?
Marc
Who needs a nickname, be yourself. Well most of the time...
Inger
Senior Advisor
14,646 posts
Online Now
The code for the favicon has to be in the head section. If you set it within VSD, using the html tool, it won't be overwritten. I usually set the favicon code on every page.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
With you site open to the index page click on "Edit" then "Edit Header" then paste the code to that area.
Only the index page seems to be necessary.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">
Only the index page seems to be necessary.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Per
Senior Advisor
1,850 posts
The favicon.ico will also be found/recognized by the browsers without any code at all, if uploaded to the same directory (usually root) where your site pages are.
Per
www.mingas.com
www.mingas.com
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
I add the code because of sub-domain.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
