Amy Earl
Well-Known Member
This is a technical observation from the standpoint of a web developer. It would be great to add a favicon, the little icon that appears in the browser tab to the left of the title, where right now there is the grey globe graphic (a default image):
Originally this little graphic was an icon file called favicon.ico and it was referenced with one simple line of HTML code placed in the <head> section of the page:
<link rel="shortcut icon" href="/favicon.ico">
Nowadays with a variety of phones and tablets and the need for a nice, high resolution image for when people create desktop shortcuts (or shortcuts on phone home screens) it's better to have images that satisfy all those different browsers, as well as the corresponding code to serve up those images to the browsers that use them.
Luckily this favicon generator exists, letting you upload an image and download a package of all the necessary icon/image files and it even gives you the HTML code to insert into your <head>:
https://realfavicongenerator.net/
The resulting code they'll give you to copy will look kinda like this:
For more info, this article does a good job of explaining the favicon: https://css-tricks.com/favicon-quiz/
Now the question is, what image to use for the icon? From experience I can say that simple graphics that aren't too busy are best, seeing as the icon is pretty small on the browser tab and details are lost. It could be part of the logo (like maybe isolating just the camera with globe) or using the letters "FW", etc.
Originally this little graphic was an icon file called favicon.ico and it was referenced with one simple line of HTML code placed in the <head> section of the page:
<link rel="shortcut icon" href="/favicon.ico">
Nowadays with a variety of phones and tablets and the need for a nice, high resolution image for when people create desktop shortcuts (or shortcuts on phone home screens) it's better to have images that satisfy all those different browsers, as well as the corresponding code to serve up those images to the browsers that use them.
Luckily this favicon generator exists, letting you upload an image and download a package of all the necessary icon/image files and it even gives you the HTML code to insert into your <head>:
https://realfavicongenerator.net/
The resulting code they'll give you to copy will look kinda like this:
For more info, this article does a good job of explaining the favicon: https://css-tricks.com/favicon-quiz/
Now the question is, what image to use for the icon? From experience I can say that simple graphics that aren't too busy are best, seeing as the icon is pretty small on the browser tab and details are lost. It could be part of the logo (like maybe isolating just the camera with globe) or using the letters "FW", etc.
