Logo showing blurry

  • Hello,

    I am currently setting up the homepage for an agency but for some reason, the logo is slightly blurred, and not crisp and clear as it should be.

    It’s true that the blur is minimal, but it has to be perfect.

    Things I have tried:

    – Yes, the logo is the right size. It shows perfectly crisp if not added to wordpress.
    – Yes, I have a retina screen but I have also uploaded a retina version for the logo. Didn’t fix the issue.
    – I turned off JPEG compression on WordPress with the following snippet:
    add_filter('jpeg_quality', function($arg){return 100;});

    At this point I am pretty much clueless about what else to try.

    I would really appreciate your help a lot.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • anonymized-14765447

    (@anonymized-14765447)

    Hello.

    If the problem is still exist, you can try to re-save the logo in PNG format again w/o blur effect or better use an SVG file instead.

    Thread Starter pask7

    (@pascalth)

    @exmi Thank you. I will try it now.

    Thread Starter pask7

    (@pascalth)

    @exmi unfortunately it didn’t work. Do you have any other suggestions?

    anonymized-14765447

    (@anonymized-14765447)

    I think you should try SVG now (Scalable Vector Graphics), so there will be no blur effect for sure ??

    But i tried use svg. WordPress dont accept this format :(. Can you insert svg files into wordpress?

    Magda

    (@prodesignerpl)

    Wordpress accept all formats ?? but your theme dosent. I think the best thing is to make some css little changes.

    .logo {image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;}

    Please add this to your logo class or div id in ur stylesheet.

    I am also having problems with a blurry logo. I tried using 300dpi and 600dpi but it is still blurry when zoomed. It is the most blurry on mobile devices. That CSS did not work in “custom CSS” section. Any suggestions? It won’t let me use SVG images.

    • This reply was modified 6 years, 4 months ago by cbrooks17.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Logo showing blurry’ is closed to new replies.