Why does my favicon not show up

Question

The following is used to set the favicon in my html code    lt link rel  icon  type  img ico  href  img favicon ico  gt    However  the icon does not show   Why   Note   I have confirmed that the file is on-disk at the correct path

User · Answer

Try this    lt link href  img favicon ico  rel  shortcut icon  type  image x-icon    gt

User · Answer

Is it really a  ico  or is it just named   ico   What browser are you testing in    The absolutely easiest way to have a favicon is to place an icon called  favicon ico  in the root folder  That just works everywhere  no code needed at all   If you must have it in a subdirectory  use    lt link rel  shortcut icon  href   img favicon ico    gt    Note the   before img to ensure it is anchored to the root folder

User · Answer

Try adding the profile attribute to your head tag and use  image x-icon  for the type attribute    lt head profile  http   www w3 org 2005 10 profile  gt   lt link rel  icon  type  image x-icon  href  img favicon ico  gt    If the above code doesn t work  try using the full icon path for the href attribute    lt head profile  http   www w3 org 2005 10 profile  gt   lt link rel  icon  type  image x-icon  href  http   example com img favicon ico  gt

User · Answer

Favicons only work when served from a web-server which sets mime-types correctly for served content  Loading from a local file might not work in chromium  Loading from an incorrectly configured web-server will not work   Web-servers such as lighthttpd must be configured manually to set the mime type correctly   Because of the likelihood that mimetype assignment will not work in all environments  I would suggest you use an inline base64 encoded ico file instead  This will load faster as well  as it reduces the number of http requests sent to the server   On POSIX based systems you can base64 encode a file with the base64 command   To create a base64 encoded ico line use the command     base64 favicon ico --wrap 0   And insert the output into the line    lt link href  data image x-icon base64 HERE  rel  icon  type  image x-icon    gt    Replacing the word HERE like so    lt link href  data image x-icon base64 AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA    AERpOgA5cCcA7vDtAF6jSABllFcAuuCvAK2trQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjMzMzMzNxARYzMzMzVBEEERYzMzNhERZxRGMzZxQEA2FER3cRSAgTNxgEEREIQBMzFIARERFEEzNhERARFAATMzYREBEAhBMzMzEYEBFEEzMzNhEQQRQDMzMzcRgEAAMzMzNhERgIEzMzMyERgEQDMzMzMRAEgEMzMzMxERAEEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA  rel  icon  type  image x-icon    gt

[html] Why does my favicon not show up?

Examples related to html

Examples related to favicon