Data URI favicon doesn't seem to work

• Component: Images
• Status: NEW ---

[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

[Radar WebKit Bug Importer]

<rdar://problem/88933938>

[Maciej Stachowiak]

On Twitter it was suggested this may be a Safari 15.3 regression.

Any updates on this?