This morning (2/16/23) I woke up and saw that Chrome had been updated. I went to my site, which uses SVG format for the favicon, and they are now all appearing as black dot?
The code has not been changed, and has worked for years..so I have to assume the updated Chrome either introduced a bug with svg icons or Chrome has dropped support?
Is anyone else seeing this issue?
I should note that I use the following syntax to change the favicon.
const favico = document.getElementById('favicon');
const svgpath = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9IkZhdmljb25fd2l0aF9iYWNrZ3JvdW5kXzIiIGRhdGEtbmFtZT0iRmF2aWNvbiB3aXRoIGJhY2tncm91bmQgMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0LjUgLTE1NCkiPg0KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQ4NSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTQ4NSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NC41IDE1NCkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iRmF2aWNvbl9Mb2dvIiBkYXRhLW5hbWU9IkZhdmljb24gTG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYgMTU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8xMzI1NiIgZGF0YS1uYW1lPSJQYXRoIDEzMjU2IiBkPSJNNzYuMjE1LDE2My42NzJ2MTMuMTE2YS4zMTMuMzEzLDAsMCwxLS4zMTIuMzEySDU3LjM5MmEuMzExLjMxMSwwLDAsMC0uMzEyLjMxMnYzLjkzMmEuMzEyLjMxMiwwLDAsMCwuMzEyLjMxMmgyMy4zYS4zMTIuMzEyLDAsMCwwLC4zMTItLjMxMlYxNjMuNjcyYS4zMTIuMzEyLDAsMCwwLS4zMTItLjMxMkg3Ni41MjdhLjMxMi4zMTIsMCwwLDAtLjMxMi4zMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMjkyIC0xNDkuNjU2KSIgZmlsbD0iI2VlMjc2MSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTMyNTciIGRhdGEtbmFtZT0iUGF0aCAxMzI1NyIgZD0iTTEyMy4zOTQsNTkuMDk0aC04LjkzMWEuMzE0LjMxNCwwLDAsMC0uMzE0LjMxNFY3Mi40ODZhLjMxMy4zMTMsMCwwLDAsLjMxNC4zMTRoOC45MzFhLjMxMy4zMTMsMCwwLDAsLjMxMy0uMzE0di0zLjkzYS4zMTMuMzEzLDAsMCwwLS4zMTMtLjMxNGgtNC4xNjFhLjMxNS4zMTUsMCwwLDEtLjMxNC0uMzE0VjYzLjk2NGEuMzE0LjMxNCwwLDAsMSwuMzE0LS4zMTRoOC45NDhhLjMxMy4zMTMsMCwwLDAsLjMxNC0uMzE0di04LjVhLjMxNC4zMTQsMCwwLDAtLjMxNC0uMzE0aC00LjE2MWEuMzE1LjMxNSwwLDAsMC0uMzE0LjMxNHYzLjk0N0EuMzE0LjMxNCwwLDAsMSwxMjMuMzk0LDU5LjA5NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuNTc0IC00OS45NDYpIiBmaWxsPSIjMTIwMjMzIi8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8xMzI1OCIgZGF0YS1uYW1lPSJQYXRoIDEzMjU4IiBkPSJNMTkuMTMzLDQuMjY1Vi4zMDlBLjMwOS4zMDksMCwwLDAsMTguODI1LDBILjMwOUEuMzA5LjMwOSwwLDAsMCwwLC4zMDlWMjcuMTM1YS4zMDkuMzA5LDAsMCwwLC4zMDkuMzA5SDQuNDhhLjMwOS4zMDksMCwwLDAsLjMwOS0uMzA5VjQuODgzYS4zMDkuMzA5LDAsMCwxLC4zMDktLjMxSDE4LjgyNWEuMzA4LjMwOCwwLDAsMCwuMzA5LS4zMDlaIiBmaWxsPSIjYWMyMDdkIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==`;
favico.href = svgpath;
Related
I have a new tab chrome extension and recently I noticed that the color was now missing and the icon was changed to all white, I thought something may have been wrong with my code, but I created a red 16x16 icon and used jquery to change it to the favicon and it was white? I disabled all other extensions and still cant find the source of the problem
I have the problem that my .svg favicon won't load anymore in any browser (IE, Edge, Chrome).
Cache is already cleared, also restarted Browser and tried Incognito-mode.
It's still reachable: favicon
Link to website
Code in head-Tag:
<link rel="icon" type="image/svg+xml" href="favicon_v1.svg" sizes="any"/>
Some hours ago I tested it on an other pc with chrome (same version) and edge and it worked there. I changed some things in the code but not the favicon-code.
Does anyone has an idea what the problem could be?
As you can see here, SVG favicons aren't anywhere near to being production-ready, why would you expect it to work in the first place?
You saying "doesn't work anymore" would suppose that you tested it with Firefox or Safari earlier, as those seem to be the only ones who kind-of support it.
On my test facebook page's application I am displaying an image which is loading fine on Chrome/Firefox but fails to load on IE9, all I get is 304. I have been browsing around similar IE9 issues but have not found a satisfactory answer for this problem. I also cleared TIFs in IE9 which has removed all the 304s but is changed the status of image file as "(Aborted)". Attached is a screenshot for both Chrome and IE9.
in Chrome-
in IE9-
status in IE9-
adding "http://" in the img src field displays it fine for me in ie9 on jfiddle...
Gif images render for a split second, when page is fully loaded then disappear leaving the broken image icon. This happens only in Chrome other browsers it's fine including Safari.
The weird thing is all has been fine and working perfectly for months up until last night.
Chrome's web developer tool reads 'Failed to load resource'.
Any suggestions would be appreciated.
A link to a page is below.
Thanks,
http://www.isenterprises.co.uk/product_info.php?cPath=33_46&products_id=748
(it's the 'Colours Available' colour swatches that don't render properly)
In fact IE doesn't know who "Transfer-Encoding" is. You will have to write:
header('Content-Transfer-Encoding: deflate');
in paps_makethumb.php.
Add:
header('Transfer-Encoding: deflate');
in paps_makethumb.php
Same issue for me, solved by removing Chrome extensions!
Chrome menu Chrome menu > Settings.
Click Extensions.
Check what's in there... I had to uninstall "QR Code generator" previously installed.
Maybe some extensions need to be updated, but i uninstalled them and now Chrome renders well.
Trying to get html5 videos working and running into a color problem.
(For those interested, there's also this problem)
Chrome renders videos slightly differently than other browser.
On safari & firefox the background is nice and white. On chrome it's a washed off beige.
See compared screenshots:
It doesn't matter which codec is used - Chrome reads m4v, ogg and webm fine - but they all render washed off..
Can't seem to be able to correct this.
Any idea?
Ok, that's interesting.. seems to only happens on the latest dev version (10.0.648.6).
If I switch back to the current mainstream version (8.0.552.237) all the problems go away (including the cross-referenced question problem)