Hello, I did speed tests on my pages, and figured out that the Related Articles sections are using the full-size images for thumbnails, and it’s causing huge data download. How do I use smaller image size for thumbnails?
Thanks, Dan
Hello Dan,
Please take a look at the below explanation and try to understand a bit how it works the thumbs in the theme. Please check here ->>
Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size utilized by the theme. When a post it’s displayed on the page in a block, the featured image shown is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate. For more information about these kinds of plugins, please consult their documentation here -> https://wordpress.org/plugins/thumbnail-upscale/ -> https://wordpress.org/plugins/regenerate-thumbnails/ Also, please ensure that the functionalities of these plugins are not affected by the other untested plugins that could create interference through the theme. Please notice that these types of plugins are not tested with our theme and we cannot provide support for the theme. We recommend them because a lot of our customer uses and they were satisfied to their functionality.
Each theme module has a predefined thumbnail size, so results may be different for the same featured image used
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
A primary example you should see here -> http://screencast.com/t/rhIdwe22d2
Thanks for your understanding!
