Possible logo "blur"?

wassup

Hi there everyone, i'm new to flarum, and I'm kind of playing with editing with what I hope will be my next project for my website!

I'm trying to figure out why the logo picture is kind of "blurred" right in the middle, whereas on the left and right seems to work fine. I upload some screenshot to prove you what I'm talking about:

This is the homepage of this forum: as you can see, from the first screenshot, it is blurred in the middle (just a little bit, but it is disappointing for me) and the second one is perfect (i ctrl plus-ed and ctrl-minus-ed with the zoom, to kinda "fix" the problem). The same does on my forum.

What is this effect due to? Is there a way to fix it? Thanks!!

mekici

wassup You can use a logo with svg extension. Upload your svg logo to the assets folder and apply the directives in the link below.

https://discuss.flarum.org/d/28124-add-svg-logo-via-ssh

clarkwinkelmann

Are the two screenshots from 2 different browsers?

On any forum the logo is resized by Flarum to be 60px tall, but shown at 30px tall.

The blur might come from how the browser image aliases the resized logo.

If you have that issue on your own forum and want to prevent this from happening, you could use a vector file as suggested by mekici, manually resize the logo to 30px first so it's always displayed 1:1 or use CSS rules to instruct the browser how to apply the aliasing on the image.

wassup

clarkwinkelmann nope, its google chrome in both of the screenshots. I think I will manage to change it with vectorial graphics. Thanks!