Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #845432

    Hi,
    I have a logo in my header that looks very blurry, even though the resolution is high. And I also made sure to pick the full-size logo, as I added it.
    Can you see why the logo looks like it is poor quality?
    The issue is only when I scroll down the page and the sticky header is shrunk. See screenshot.

    Thanks for the help and for a great theme.

    • This topic was modified 7 years, 3 months ago by Camilla88.
    #845513

    Hey Camilla,

    Are you using any image optimization plugins?

    Best regards,
    Jordan Shannon

    #848315

    Hi Jordan,

    Sorry for the late answer back.
    No, I don’t use a plugin to compress images. So that’s not it unfortunately.

    Any other ideas?
    Thanks
    /Camilla

    #848457

    Hi,

    This is how I am viewing the logo:

    https://snag.gy/uoZt3V.jpg

    Is this not how it should be. I’m am not seeing much of a blur.

    Best regards,
    Jordan Shannon

    #848479

    Hi Jordan,
    Thank for looking at it. I can see that your screenshot is from before you scroll down on the page.
    The blur occurs when you scroll down a bit on the page. Then the header is downsized a bit and the logo becomes blurred.
    https://snag.gy/dEpTnS.jpg

    Is there a way to prevent this?

    Best regards,
    Camilla

    #848482

    Hi,

    Can you try to upload the logo with a height of 88px. It seems like scaling down your current logo makes it look blurry.

    Best regards,
    Jordan Shannon

    #848490

    I have just done this, but then the logo becomes very small when I scroll.
    https://snag.gy/VrNvFx.jpg

    #848494

    Hi,

    I see, what was the initial size. I’m sure since it is exceeding that 88px size that is why it is being blurred and compressed.

    Best regards,
    Jordan Shannon

    #848512

    this logo is formerly crying for a svg usage.
    The font seems to be something like segoe bold (frutiger with i dots : lol )
    And that little Dot in Front is very simple to construct on f.e. Illustrator.

    By the way what is the font name

    but by the way – the unsharpness is not caused by less sharpness of the png or jpg – it is a question of screen-abilities. If you are looking to it on my screen 2560×1440 (27′ Mac Screen) or on a retina (ipads etc) your logo on small case isn’t so bad.
    Even a svg (by definition sharp) is on that minified Version not sharp on the screen – the resolution does not fit that.

    have a look to : https://webers-testseite.de/wp-content/uploads/stillAds.svg
    and shrink your browser window. A minimum height of 50px seem to be ok.

    #848834

    Hey Guenter,

    Thanks for your input on this matter.

    Best regards,
    Jordan Shannon

    #850646

    Hi Guenter,
    Thanks for looking at it too. You definitely know much more about this than I ever will.
    The font name for the logo is Switzerland.

    Can you help me navigate in your answer and briefly tell me what I need to do – in a non-technical language? :-)
    I would be really thankful for that.

    #850921

    Hi Camilla88,

    The logo is smaller than it is advised to upload and it los quality on upload. You need to make a bigger one, with less transparent space, no space at all actually and try to adjust the png qualtiy
    https://wordpress.org/support/topic/wp-png-quality/

    If all this sounds a bit to technical and difficult, you might want to hire a freelancer to do it for you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #851880

    by the way – in the new logo the font couldn’t be Switzerland! – Switzerland has like Frutiger too those i dots and dots itself and and “square dots”
    in your new logo they are circles. etc (look at the t or the s – totaly different.

    So what Victoria means is that you had to create a png with less space surrounding:

    (gray in this case stands here for the transparency)
    not this way:

    but this way:

    #851884

    do you have your new logo in a vectorbased way (Illustrator, eps,). – or find the correct name of the new logo font with round dots – i will recreate your logo. Recreating via those tiny screenshots is nearly impossible.
    The segoe font does not fit totaly because the dots are not perfect circles on bold font-weight.

    #852108

    Hi,

    Thanks for your help @Guenni007 :)

    Best regards,
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.