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

Comments

• Pablo

  June 2018

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• hkfyg

  June 2018

  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

  https://hkfyg.org.hk/en/home/
  

  
  

  2. Latest News Catalog page

  https://hkfyg.org.hk/en/category/lastest-news/
  

  
  

  3. Specific Blog page

  https://hkfyg.org.hk/en/2018/06/06/apply-now-cooperation-and-development-in-the-greater-bay-area-2/
  

  
  

  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.
• Pablo

  June 2018

  Hi, 

  Image is rendering in this resolution:

  http://prntscr.com/jsg6zb
  

  
  

  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.

  http://prntscr.com/jsg89p

  
  

  If you just want to change only image size, you can do it by using CSS code.
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• hkfyg

  June 2018

  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. 
• hkfyg

  June 2018

  Thanks for your previous replies anyway!