[Resolved] Logo shown just in black (sometimes / Not reproducible)

[scometamus]

Sometimes in some browsers my logo is just shown as a black square. The logo is a normal PNG data with transparent background and black font.

Screenshot and website attached.

[David]

Hi there,

i can see that – first thing to do is to disable the webp / optimization on the logo.
Not sure what you app you’re using for that, but generally you can exclude images from them by using a CSS Class you can use: is-logo-image .

[scometamus]

Hi David, thanks for the quick response!

I didn’t use an app, I embedded the logo via the standard WordPress/GP customizer. Is this not a recommended way of doing it?

I’d would need help with the css class then, if possible. 🙂

[David]

Sorry let me try again 🙂

The site is using Shortpixel which is optimizing and converting the image as well as lazy loading.
Somewhere in its settings there should be an option to exclude the image from its optimization. Try excluding the logo image.
If the exclusion requires you to add a CSS Class to identify the logo then you would use is-logo-image

[David]

can you reply within this topic. If i am not available then another team member can provide assistance.

[scometamus]

Hey David, ah got it! This solution worked! Thank you very much!

And yes, I only reply topic-related.

[David]

Glad to be of help!

[Author]

Posts