Add retina display resolution to the logo

That's the method I'm using here on this site as well. Works great :)

Thanks for sharing! :)

Hello, Tom. Do you recommend to use the code snippet above OR the plugin for SVG? Cheers, Bin

Plugin is probably the better way. More info here: https://docs.generatepress.com/article/adding-svg-logo/

There are two 5 star svg upload plugins: safe svg and svg support. I have tested both and found svg support better because it has svg upload restriction in free version but if you want to restrict svg upload with safe svg plugin, should pay for premium version.

The Safe SVG plugin actually sanitizes your uploaded SVG, which is important. Security is the reason WP doesn't allow SVG uploads by default.

I think the new (?) Retina Logo option in Customize>Site Identity makes this easier with this method.

Hi Richard, this post is quite old, Retina option came just after this post. The SVG route is the way to go for vectors, and the GP 2.2 Beta now includes a Logo width so no need for CSS sizing of an SVG