Archived topic
How to change logo to SVG?
6 replies · Started by Gokberk on May 5, 2021
Can someone tell me how I can change my site logo to an SVG one, please?
I searched the forums but couldn't find the answer.
Hi there,
you would need to use a Vector graphic package like Adobe Illustrator, Affinity Designer or InkScape and create your SVG image.
Hello,
Yes, I have the SVG file ready. I also have the Safe SVG plugin installed (I'm using it for GenerateBlocks). Is there anything specific I need to do or do I simply change the logo from the Customizer?
EDIT: The site logo worked but the Favorite Icon doesn't seem to work...
Thats correct with SafeSVG you can simply add the .svg file to the Customizer > Site Identity.
The Favicon 'should' support an SVG image - does it create an error ? or does it just not display?
The issue was with the resolution of the file. It says 512x512 is recommended but it only allowed for 125x125 resolution for me. But I managed to change it.
There is just a small issue I saw at the PageSpeed Insights. It says that my logo width height is not mentioned. I'm using the Flex Box layout as recommended but I still see the issue, please see the report:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.turkishaholic.com%2F
How can I fix this issue?
That should be fixed in GPP 2.0.
Try removing the Logo in customizer, and publish the changes. Then re-add your logo and save. That should generate the correct HTML with width and height attributes.
Glad you got the Favicon image fixed :)
Just tried that but still see the same error. I guess I'll wait for the update until then ;)
