Archived topic
SVG Logo in Safari browser is Tiny, why?
5 replies · Started by nomadiceman on May 26, 2021
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!