Bug 236616
| Summary: | Data URI favicon doesn't seem to work | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Eric Case <eric.case> |
| Component: | Images | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | achristensen, adam_marcus, beidson, eric.case, jacob, mjs, sabouhallawa, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 15 | ||
| Hardware: | Mac (Intel) | ||
| OS: | macOS 12 | ||
Eric Case
I've documented my attempts to get this working in this repo: https://github.com/case/safari-favicons-base64
I tried the suggestion in this Stack Overflow post: https://stackoverflow.com/a/5199989/890466 -- which suggests that this worked in Mac Safari back in 2011. Perhaps something related has changed or broken since then?
This snippet works fine in latest (as of filing this bug report) Mac Chrome and Firefox:
<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAx4QGA4EvmzDAAAA30lEQVRIx2NgGAWMCKa8JKM4A8Ovt88ekyLCDGOoyDBJMjExMbFy8zF8/EKsCAMDE8yAPyIwFps48SJIBpAL4AZwvoSx/r0lXgQpDN58EWL5x/7/H+vL20+JFxluQKVe5b3Ke5V+0kQQCamfoYKBg4GDwUKI8d0BYkWQkrLKewYBKPPDHUFiRaiZkBgmwhj/F5IgggyUJ6i8V3mv0kCayDAAeEsklXqGAgYGhgV3CnGrwVciYSYk0kokhgS44/JxqqFpiYSZbEgskd4dEBRk1GD4wdB5twKXmlHAwMDAAACdEZau06NQUwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0xNVQxNTo1Mzo0MCswMDowMCVXsDIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMTVUMTU6NTM6NDArMDA6MDBUCgiOAAAAAElFTkSuQmCC" />
But for some reason I haven't been able to get it working in Safari.
I also have a related Twitter thread about this with @othermaciej here: https://twitter.com/othermaciej/status/1493336261901238272?s=21
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/88933938>
Maciej Stachowiak
On Twitter it was suggested this may be a Safari 15.3 regression.
adam_marcus
Any updates on this?
Jacob Bandes-Storch
Hi all, is this supposed to work now? I'm still seeing it not working on macOS 14.6.1 / Safari 17.6, but not sure if I'm doing something wrong...
Jacob Bandes-Storch
(Note: I'm trying to use a SVG image in a data: uri)