Hi,

At first, it’s probably a trade-off between quality and performance when it comes to images. The filter we suggested above was added to balance the two and give users the option to adjust them based on their requirements. If we’re not mistaken, setting the quality to the maximum didn’t previously result in thumbnails with overly large file sizes, or we would never have set it as the default. It’s only recently that this has been happening or reported. Please keep the quality around 70 for now, then use an image compression plugin (Smush, Shortpixel etc) to further optimize the images.

We’ll forward this thread to our channel.

Best regards,
Ismael

Hi,

Thanks for reaching out.

The theme automatically increases the image quality to 100%, but the WordPress default is only 82%. This can be adjusted by using the following filters in the functions.php file:

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 60; return $quality;}

We recommend setting this to 70 or lower, then install an image compression plugin such as ShortPixel or Smush to further reduce file size and optimize the images. You may need to regenerate the thumbnails after the quality adjustment.

— https://wordpress.org/plugins/force-regenerate-thumbnails/

Best regards,
Ismael

Hey!

As mentioned earlier, the theme is configured to set a higher image quality than the WordPress default, which explains why the generated thumbnails are larger in file size. It’s also worth clarifying that image uploading and compression are handled entirely by WordPress, not the theme. This should be the same across all WordPress installations, so what you’re seeing isn’t specific to this theme.

Have you tried adjusting the default compression level to 60 or lower? This should help further lower the file size of generated thumbnails and optimize them.

After lowering the quality value to 60 or below, you can further enhance site performance by installing an image optimization plugin such as ShortPixel, Imagify, or Smush. This is a fairly standard practice in WordPress optimization, so it’s a bit surprising it wasn’t already suggested by your technical team.

For more information on site optimization, please feel free to refer to the following links.

— https://gtmetrix.com/wordpress-optimization-guide.html
— https://wpengine.com/resources/improve-wordpress-site-speed/

Regards,
Ismael

Hi,

Thank you for the update. We were able to reproduce this on our end. To lower the file size, you can reset the default image quality back to 82 or lower by using the filter that we mentioned above.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 82; return $quality;}

After adding this code, the file size of the largest thumbnail decreased by more than half. If you want to make it smaller, use a lower quality value.

View post on imgur.com

For more info about the filter, please check this link: https://developer.wordpress.org/reference/hooks/jpeg_quality/

Best regards,
Ismael

Hi,

@soniavoice: Would you mind providing the original source of the image so we can upload it on our end? When we uploaded a 4.8MB PNG image directly to an Image element using the Advanced Layout Builder, the resulting full-size thumbnail is only 2MB — less than half the original size. It’s possible that is a plugin or custom script interfering with the WordPress media uploader on your installation.

Best regards,
Ismael

Hey Sonia,

Sorry for the delay. The theme automatically sets the quality of uploaded images to 100%, but this should not be the reason why the generated files are larger than the originals. Did you install any plugins related to images or compression?

If necessary, you can reset the image quality to the WordPress default by adding this code to the functions.php file.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) { $quality = 70; return $quality;}

You may need to regenerate the thumbnails afterward.

— https://wordpress.org/plugins/force-regenerate-thumbnails/

Make sure to create a site backup or restore point before regenerating the thumbnails.

Best regards,
Ismael

Hi,
With the child theme you don’t need the WP Code plugin as you could just add the code snippets into your chid theme functions.php file. But it doesn’t cause any issues to use the plugin. So you can use both.
the plugins:
Disable XML-RPC
BETTER SEARCH AND REPLACE
REGENERATE THUMBNAILS
you probably don’t need now, since you don’t remember why you installed them.
When I check your page: https://www.survivalfoodngear.com/long-term-food/
the titles are using “p” not any “H” heading, so it seems to be working as you wish.
Shall we close this thread now?

Best regards,
Mike

Hey Bob,

Thank you for the inquiry.

If you want the default configuration (Appearance > Customize > WooCommerce) to apply to product images, you can add the following code to the functions.php file:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Let us know the result.

Best regards,
Ismael

Hey Helmut,

Thank you for the inquiry.

Those are the thumbnails registered by the theme. If you need to remove them, be sure to create a site backup, then use the remove_enfold_image_sizes function provided in this thread: https://kriesi.at/support/topic/prevent-auto-multi-image-generation/#post-1431800

Best regards,
Ismael

Hey Pierre,

Thank you for the inquiry.

You can add this filter to the functions.php file to adjust the thumbnail size used in the lightbox container.

function avf_alb_lightbox_image_size_mod($size) {
  return "full";
}
add_filter('avf_alb_lightbox_image_size', 'avf_alb_lightbox_image_size_mod', 10, 1);

To disable scrolling when lightbox is active, use this code in the Quick CSS field.

.mfp-zoom-out-cur {
    height: 100vh;
    overflow: hidden;
}

.mfp-bg {
    height: 100vh !important;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We added this filter in the functions.php file:

add_filter('avf_wc_before_shop_loop_item_title_img_size', function($thumb) {
	return 'large';
}, 10, 1);

A larger version of the product image is now loaded on the shop page.

View post on imgur.com

This may vary across different screen sizes due to the srcset attribute and how the browser selects the appropriate thumbnail based on the current screen size.

Best regards,
Ismael

Hey waveseven,

Thank you for the inquiry.

The screenshot is not displaying on our end. To make sure the items in the blog grid are the same size, you may need to resize the featured images before uploading them, making sure they have the same dimensions and aspect ratio. Please note that the uploaded images are not cropped or resized exactly based on the specified width and height of the registered thumbnails — aspect ratio of the original image is also taken into consideration. So, two images with different dimensions and aspect ratios may produce different “Portfolio” thumbnails.

Best regards,
Ismael

Hey Dzimnikov,

Thank you for hte inquiry.

You may need to adjust the settings under Appearance > Customize > WooCommerce > Product Images. Set the Thumbnail Cropping option to Uncropped, then adjust the width and height values as needed.

Best regards,
Ismael

Hey mosaic,

Thank you for the inquiry.

Try to add this css code to adjust the aspect ratio of the thumbnails:

#top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image {
    object-fit: cover;
}

Best regards,
Ismael

Hi,

Thank you for the update.

The image size settings were not being applied because of the post_thumbnail_size filter in the functions.php file. We adjusted the condition a bit.

if( !is_singular('post') && is_page(1307) ) {

(removed screenshot)

Best regards,
Ismael

Hey mosaic,

Thank you for the inquiry.

Try to add this filter in the functions.php file to adjust the default magazine thumbnail size:

function avf_magazine_defaults_mod( $defaults ) {
    $defaults['image_size']['small'] = 'portfolio';

    return $defaults;
}
add_filter( 'avf_magazine_defaults', 'avf_magazine_defaults_mod' );

Best regards,
Ismael