Okay
  Public Ticket #1286656
image quality on blog feed
Closed

Comments

  • Sarah started the conversation

    How do I change the image quality on the thumbnail for the blog feed. i have corrrected the same problem on the gallery by using size="medium_large-square" but I don't know how to change it for the blog.

    Thank you

  • Sarah replied

    (the current image is too low and is blurring)

  •  240
    Elena replied

    Hi again,

    300x300 is a good size for blog images (see the screenshot grabbed from our demo, they don't look blurry at all).

    Anyway, you could enable the child theme and add this piece of code to its functions.php:

    add_action( 'after_setup_theme', 'hemma_child_image_size', 11 );
    function hemma_child_image_size() {
    remove_image_size( 'medium-square' ); add_image_size( 'medium-square', 400, 400, true );
    }

    Cheers

  • Sarah replied

    Hello - thank you - I added in the functions code and I am using the child theme but I don't seem to be able to fix it. :(

    Here is a screenshot. I agree that your photos don't look blurry but mine does. The full sized image isn't blurry.

    Could it be another reason besides the image size?

    Thanks, Sarah


  •  240
    Elena replied

    Hi again Sarah,

    Make sure to add to add the provided code to the functions.php file inside the child theme. Then (I forgot to mention) you should click on Regenerate Thumbnails button (you need to install the plugin first: https://wordpress.org/plugins/regenerate-thumbnails/) and empty the cache if you're using a caching plugin.

    If you think that images on Hemma demo look fine while yours look blurry, maybe the original resolution/quality of your images is not so good. Would you please provide the URL of your site so I can have a look' Thanks!

  •   Sarah replied privately
  •  240
    Elena replied

    Hi Sarah,

    Here's how the image looks on retina devices: 

    and this is a non-retina monitor: 

    They're both acceptable for me but if you want to output that image at higher resolution you could use the child theme and the code I provided before