Blurry author icon in author bio

  • Resolved lolzern

    (@lolzern)


    2 years, 11 months ago

    Hello,

    I am facing an issue where the author icon in the author bio at the bottom of posts appears blurry and low quality, even though the image uploaded to gravatar is much higher quality.

    In my design, the image of the icon is set to 130×130 px, but they were also blurry when they were the default 80 or 100 px.

    I’ve tried to use a plugin that allows me to upload and use author icons locally, but the same issue persists. The original image sizes of the icons I’ve tested are 512, 400, and 200 pixels.

    It seems that something in the code automatically scales down the resolution of the displayed author icon to 100 px and also compresses at the same time, causing it to appear blurry.

    Does anyone have any experience with this and know how to fix it and get high-quality author icons?

    • This topic was modified 2 years, 11 months ago by lolzern.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    In the source, it was picking the 100×100 px image and stretched it 118x118px image while the actual size of 300x300px is also available.

    Please let us know which plugin are you using.

    Following the posts may help you to fix this issue.

    https://wordpress.com/forums/topic/images-in-post-are-blurry-and-look-worse-than-original-uploaded-pic/

    Thread Starter lolzern

    (@lolzern)

    Hey,

    Okay, I’ll check out that post.

    Right now I am not using any plugin – just the default author bio that comes with OceanWP. The only thing I’ve changed currently is the size of the displayed icon and the edge of it with CSS.

    Thread Starter lolzern

    (@lolzern)

    To anyone wondering, I fixed the issue by replacing the number 100 in the line:

    echo get_avatar( get_the_author_meta( ‘user_email’ ), apply_filters( ‘ocean_author_bio_avatar_size’, 100 ), $default = ”, $alt = oceanwp_theme_strings( ‘owp-string-author-img’, false

    to 300

    echo get_avatar( get_the_author_meta( ‘user_email’ ), apply_filters( ‘ocean_author_bio_avatar_size’, 300 ), $default = ”, $alt = oceanwp_theme_strings( ‘owp-string-author-img’, false

    It changes the resolution of the icon that your site pulls from gravatar

    You can find this line in the author-bio.php file, located under Partials -> Single -> author-bio.php

    Glad to hear that issue has been resolved.
    and Thank you for sharing the solution with us.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Blurry author icon in author bio’ is closed to new replies.

Tags