{"id":204,"date":"2011-05-17T07:00:34","date_gmt":"2011-05-17T17:00:34","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=204"},"modified":"2020-05-03T16:32:05","modified_gmt":"2020-05-04T02:32:05","slug":"favicon","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/favicon\/","title":{"rendered":"Favicon"},"content":{"rendered":"
When the simplest things don’t work it can drive you nuts. \u00a0I had a task to add a favicon to a website so that it shows in the browser. \u00a0To do this all I thought I had to do was get the PNG, convert it to a .ICO file on one of the many online converters and place it in the home directory of the website. \u00a0What do you do when the image shows at http:\/\/mydomain.com\/favicon.ico but doesn’t show as the browser’s page icon?<\/p>\n
<link REL=\"SHORTCUT ICON\" HREF=\"\/favicon.ico\"><\/pre>\n<\/li>\n
When I looked at Firebug I saw that there was a tag\u00a0<link rel=”icon” href=”” type=”image\/x-icon” >. \u00a0I thought it was a little strange, but I also thought Firebug was just interpreting the icon location since it wasn’t in the source code I was looking at. \u00a0(Firebug shows the real-time values of elements instead of the actual code. \u00a0ie. if you use javascript to move an element, it will show the new coordinates instead of the original ones).<\/p>\n
<\/p>\n
After a while, I found the website that validates favicons. \u00a0Once I saw that extra “image\/x-icon” again, I looked through\u00a0my PHP code and saw that it was including that, which is why I didn’t see it in the main html code.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[31],"yoast_head":"\n