Site logo

Archived topic

SVG Logo in Safari browser is Tiny, why?

5 replies · Started by nomadiceman on May 26, 2021

Viewing posts 1–6 of 6

The SVG logo I created works fine when the site is viewed in chrome. But when viewed in Safari, it appears tiny

Ive check the SVG code and ran in through a cleaner. I cant see any reason why it should go small.

You help would be greatly appreciated

Hi there,

this is the image HTML being out for your logo:

Now generally SVG logos won't output a width / height attribute - whereas your markup does have them and it also has this attribute data-spai-upd="50" which isn't added by the theme. So some plugin or other function is adding that code - which looks to be the issue with the image size.

If you're using a lazyloader or image optimization plugin - does it have the option to exclude images with a specific CSS class ? If so you can use is-logo-image

Thanks for your reply.

I’ve looked at the SVG code and it doesn’t have the width/height in. So unsure where that is coming from

I’m using Short Pixel AI. So I’m guessing “spai” refers to that. I’ve selected that image to be Excluded by short pixel. I’ve also messaged them and they said it’s not shortpixel

I’ll revisit that and tell them what you’ve posted

Thanks for your help again.

P.s. could you remove/delete the code in your reply for me? 👍

Code deleted :)

Thank you David.

Heres an update incase others have the same issue.

So after going back and forth with Short Pixel support. And testing on a staging area etc, it appears as the plugin Fast Velocity Minify doesn't play well with Short Pixel AI plugin.

So we made the decision to remove the FVM.

Short Pixel support was very helpful.

Glad to hear you found the issue!

This archived topic is closed to new replies.