1

Please see this example image below to reference (Illustrator was used here to export). Has anyone noticed that any transparent png files when dropped in a browser (like Chrome or Firefox) do not seem to have transparent backgrounds? I used to drop graphics in Chrome or Firefox as a check before sending a file and I would see a fully transparent background. This example shows the artboard area as white instead. Is there a fix when exporting? Or a setting in the browser?

enter image description here

enter image description here

7
  • Are you certain you don't have some improper export setting, like a matte color?
    – Scott
    Mar 5, 2021 at 6:01
  • Well, I feel positive about this. Please try a png that should have a transparent background like a logo and view it in Chrome or a Firefox browser.
    – jbomen
    Mar 5, 2021 at 6:20
  • it works fine here.
    – Scott
    Mar 5, 2021 at 6:37
  • 2
    Post the png, rather than a picture of it & we can have a loo .
    – Tetsujin
    Mar 5, 2021 at 7:52
  • Please see the added png above. thanks
    – jbomen
    Mar 6, 2021 at 0:09

1 Answer 1

2

Not sure about Chrome, but for Firefox you need an extension called Transparent Standalone Images because in Firefox transparency is normally only visible when the PNG appears on a web page with a background. It might be better instead to check your images in Photoshop or GIMP, where transparency is displayed using a chequered grid.

Another possible issue is how you are exporting the images in Illustrator. For example, if you are using Export for Screens, and you have PNG as the output file format, you need to click on the little cog icon, and change the background colour to transparent.

Example

enter image description here

Here's an example transparent PNG I created using that method.

enter image description here

Here's what it looks like in Firefox with the Transparent Standalone Images extension. Note also that I have no affiliation with the developers of the extension.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.