Front page images low res and blurry

  • Resolved rideintoglory

    (@rideintoglory)


    4 years, 7 months ago

    Hi all,

    The images on my front page are low resolution and blurry. I’ve been trying to troubleshoot this issue for a long time with no luck.

    There was another user with a similar problem as described here in this post . I’ve implemented this user’s suggested fix and it actually worked for mobile! However, on desktop the issue still persists.

    Any guidance here would be extremely appreciated!

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

Viewing 1 replies (of 1 total)

  • Hi @rideintoglory,

    All the images are cropped to the value defined in hestia theme for hestia-blog image size which is 360×240. Image is blurry because the ratio of the original image is different. He can use functions.php file of child theme and overwrite the hestia-blog image size. Similar function would be needed:

    function rewrite_hestia_blog() {
    add_image_size( 'hestia-blog', 500, 500, true );
}
add_action( 'after_setup_theme', 'rewrite_hestia_blog' );

    Where 500 and 500 is width/height of the image dimensions desired.
    Important to note that this will change dimensions for the future uploads but will not change existing images that were already created with previous dimensions (360×240) so to change existing it’s needed to either reupload theme if there are not many of the images or try something that’s covered in this guide: https://www.wpbeginner.com/wp-tutorials/how-to-create-additional-image-sizes-in-wordpress/ (Topic Regenerating Additional Image Sizes).

    I hope it makes sense!

Viewing 1 replies (of 1 total)
  • The topic ‘Front page images low res and blurry’ is closed to new replies.