Also, when on a seperate browser profile i see no problem. But in this profile logged in with my firefox account faces these issues.

Have you set the privacy.resistFingerprinting preference to true? In that case, Firefox blurs images extracted from an canvas. When you see this problem, you can give the site permission to extract non-blurred images by clicking that little picture-button in the address bar next to the lock.

Have you set the privacy.resistFingerprinting preference to true?

Hey jscher2000, Thanks for your help. I had set it to be true. And allowing those sites to extract canvas data has fixed the issue. But do i need to set the preference to false for the top right user icons to work?

The button on the toolbar? I don't know what is happening there. If it's an add-on button, maybe check with the author of that extension on what they are doing to generate that button image.

Its mozilla account icon. All account related images are also blurred out on forum as well the account images. And there isnt any option to allow canvas data for this site.

Could you try re-uploading your photo in account settings and granting permission there? https://accounts.firefox.com/settings

Hey, i changed the privacy.resistFingerprinting to false and turned it to true again and this fixed the issue. Anyways thanks for your help<3

You can try to toggle privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts on the about:config page.

• Tools -> Page Info -> Permissions -> Extract Canvas Data