Using item "Blog News" in muffin builder, but it shows the original image uploaded as the thumbnail.

Hello folks,

My website is hkfyg.org.hk .
I use the muffin builder to build the mainpage and for the "Latest News" block, I use "Blog News" to show the latest 3 news in a preview way. 
However, the featured images shown here are using the original images I uploaded which the file size is so large in a not necessary way.

But as I know, when I upload a image as featured image, say https://hkfyg.org.hk/wp-content/uploads/2018/06/D1002018wbe.jpg , wordpress or betheme will help to make a smaller version of this image, https://hkfyg.org.hk/wp-content/uploads/2018/06/D1002018wbe-300x211.jpg

So my question is, is it possible to show the smaller one in "Blog News" instead of showing the full size uncompressed image? 
Thanks! 

Johnny

Comments

  • Hi,
    There are many types of featured images in the theme, here are instructions for changing them:
    1. To change the size of the images used in portfolio/blog/shop, please navigate to theme options>blog,portfolio&shop>featured image.
    2. To change the size of the default WordPress gallery images, please go to settings>media.
    3. To change the woocommerce images size please go to the customizer tool in wordpress and change it in the front-end.
    More information HERE

    Notice!
    Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.

    thanks
  • Hello Pable,

    Thanks for your reply.

    But as I know, if I deduced the dimension to a smaller size, all the featured images for blogs will be deduced in the same time. 

    i.e. 
    I have set the featured image to 768x540px.
    Here are 3 situation where the featured images are shown.

    1. Home page: "News" block

    2. Latest News Catalog page

    3. Specific Blog page

    If I didn't mess up, all the situations are using the same image ( https://hkfyg.org.hk/wp-content/uploads/2018/06/D1002018wbe.jpg ) with original dimension 768x540px as the featured image.

    But my question is, there is no need to use the full dimension of featured images on the main page. This leads to slow loading speed on main page. Then I found out that everytime when I uploaded a featured image 768x540px, actually wordpress help to generate an compressed image with dimension 300x211px ( https://hkfyg.org.hk/wp-content/uploads/2018/06/D1002018wbe-300x211.jpg ). And the file size of this have significant difference. So I wonder if it is possible to show the compressed one 300x211px on main page (situation 1) meanwhile keeping full size 768x540px on situation 2 & 3?

    Thanks again.
  • Hi, 
    Image is rendering in this resolution:

    If you want to change to resolution you want, go to BeTheme > Theme Options > Blog, Portfolio & Shop > Featured Image
    There you'll change the image size.

    If you just want to change only image size, you can do it by using CSS code.
    Thanks
  • Seems I figure out the issue.

    The point is, if I set the featured image resolution as 768x540px.
    Then upload a image which is 768x540px(2mb), it won't trigger any resize and cropping as they are in the same resolution, then no compression will be involved. 
    In all my situations mentioned above will use the original image 768x540px(2mb) I uploaded.

    But if I set the featured image resolution as 768x538px and upload a image of 768x540px(2mb), as size is different and the resizing is triggered. The image will be compressed. This compressed image 768x538px(compressed to 300kb) will be used in the above mentioned cases. 
  • Thanks for your previous replies anyway! 
Sign In or Register to comment.