Hi,

Yes, if the thumbnail size is disabled, the default thumbnail with that dimension will no longer be generated and all images will be regenerated without it. It’s IMPORTANT to create a full site backup or restore point before proceeding with any of these steps.

If you’re comfortable with scripting, you can also remove specific thumbnails in batch if the regeneration process fails to remove them.

Best regards,
Ismael

Hi,

When portrait format images were uploaded originally, Enfold portfolio size image (495x400px) was enabled.

You may need to regenerate the thumbnails to delete the disabled thumbnails. Have you tried any of these plugins?

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

Make sure to create a site back up before using the plugins.

I also know that I’ve got some uploaded images with an original width of 400px so just targeting “400” in srcset isn’t an option,

Unfortunately, this is not possible without manually targeting each image. You may need to keep the thumbnails with a 400px height. As mentioned above, the file size difference between these thumbnails is very negligible, so it won’t really make much difference whether they are enabled or disabled.

Best regards,
Ismael

Hi,

Thank you for the info.

The leaflet image is not displaying, even on desktop view. There’s not much difference in file size or page loading impact between the 170×400px and 64×150px thumbnails, so I wouldn’t worry about that. Which thumbnails have you removed so far?

function avf_wp_calculate_image_srcset_mod( $sources ) {
    foreach ( $sources as $width => $image ) {
        if ( $width == 170 || $width == 400 ) {
            unset( $sources[$width] );
        }
    }
    return $sources;
}
add_filter( 'wp_calculate_image_srcset', 'avf_wp_calculate_image_srcset_mod' );

Also, why are you using gif as the image format? for non-animated images, it’s better to use jpg, png or webp.

Best regards,
Ismael

Hi,

Did you regenerate the thumbnails using the plugins suggested above? You could also try re-uploading the featured images.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this code to the functions.php file to adjust the size of the thumbnails used in posts.

function avf_modify_thumb_size_mod( $size_array ) {
    $size_array['entry_without_sidebar'] = array('width' => 9999, 'height' => 9999);
    $size_array['entry_with_sidebar'] = array('width' => 9999, 'height' => 9999);
    return $size_array;
}
add_filter( 'avf_modify_thumb_size', 'avf_modify_thumb_size_mod', 10, 1 );

After adding the filter, make sure to create a site backup, then use one of the following plugins to regenerate the thumbnails.

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

Best regards,
Ismael

Hey Günter,

Thank you for the inquiry.

Did you make any modifications to the child theme’s functions.php file? You can try regenerating the thumbnails using any of the plugins listed below.

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

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

Best regards,
Ismael

Hey monsterdmkt,

Thank you for the inquiry.

It’s possible that the gallery is set to use a specific thumbnail in a different format, usually jpg or png, which is the WordPress default when generating thumbnails. Try to edit the horizontal gallery, go to the Styling > Gallery panel, then set the Image Size settings to No scaling to use the original image source.

If the issue persists, please create a test page and provide the URL in the private field.

Best regards,
Ismael

Hi,

We are not encountering this issue on our end, and there have been no similar reports from other users, so this is probably related to your server configuration or specifications. Where is the site hosted, and what are the server specs?

If you have access to your PHP configuration or php.ini, try to add the following options:

max_execution_time = 300
memory_limit = 512M
upload_max_filesize = 20M

You can also add it in the .htaccess file in the root directory of your WordPress installation.

php_value max_execution_time 300
php_value memory_limit 512M
php_value upload_max_filesize 20M

Another thing you could try is disabling the thumbnails generated by the theme using this filter in the functions.php file:

add_action('init', 'ava_remove_enfold_image_thumbnails');
function ava_remove_enfold_image_thumbnails() {
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
  remove_image_size('shop_gallery_thumbnail');
}
add_filter( 'intermediate_image_sizes_advanced', 'ava_intermediate_image_sizes_advanced_mod' );
function ava_intermediate_image_sizes_advanced_mod( $sizes ) {
 unset( $sizes['large']);
 unset( $sizes['medium_large']);
 return $sizes;
}

We recommend reaching out to your hosting provider for additional assistance.

Best regards,
Ismael

Hey waveseven,
This is due to the default image compression settings, Enfold unpacks the original file and generates new thumbnail sizes without applying compression, resulting in larger file sizes, especially for larger dimensions like “featured”, “featured_large”, and “extra_large”. This occurs because the theme sets the default JPEG quality to 100, which is higher than the typical WordPress default of 80, and the generated files are not compressed during the resizing process.
To change the compression of new thumbnail sizes, add this code to the end of your child theme functions.php file in Appearance ▸ Editor and adjust to suit.

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;}

For thumbnails already created you will need to regenerate the thumbnails

Best regards,
Mike

Hi,

Since we adjusted the size of the thumbnail, the aspect ratio changed. To address that, please add this css code:

.big-preview img, .small-preview img {
    object-fit: cover;
    height: 82px;
}

Please review the css code above to eliminate the dotted line and make the featured image full width on mobile view. You can also post the login details in the private field so we can check the modification.

Best regards,
Ismael

Hey Taha,
Thanks for your patience, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1);
function custom_modified_thumb_sizes(array $sizes) {
    $sizes['tab_thumb'] = array('width' => 260, 'height' => 80, 'crop' => true);
    return $sizes;
}

then upload a new image, then add your image to the image element:

then go to the style tab and select the new size:

the backend may show the full uncropped image, but the frontend will show the new image size.
After testing, if you want all of your images to have this new size, install the Regenerate Thumbnails plugin and run it.
Since your new size won’t work will for most images changing 'crop' => true); in the code to 'crop' => false); won’t help, unless you are uploading a image that is already 260×80, or a multiple of that aspect ratio without cropping.
For example, this image was a very large image, and after Regenerate Thumbnails it shows the in the new size:

Best regards,
Mike

Hi,

Thank you for the update.

To increase the size of the thumbnail, please add this filter in the functions.php file:

function avf_post_featured_image_link_mod( $image_link, array $current_post, $size ){
  $image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' ); 
  return $image_link;
}
add_filter( 'avf_post_featured_image_link', 'avf_post_featured_image_link_mod', 10, 3 );

Then, include this css code inside the css media query to remove the dotted line:

.responsive #top #main .sidebar, .responsive .post_author_timeline, .responsive .template-blog .blog-meta {
    display: none;
}

Best regards,
Ismael

Hi,

We added the filter in the functions.php file. To adjust the size of the shop thumbnails, you can configure the options in the Appearance > WooCommerce > Product Images panel.

Best regards,
Ismael

Hi,

Thank you for the update.

It might be due to the srcset attribute, which allows the browser to select different versions of the image from the available thumbnails based on the current screen size and the device’s DPI. DPI is an important point here, because the browser will not necessarily pick the smallest version on a small phone if the device’s DPI is around 2.5, for example. It will recalculate and compensate for the high-resolution screen and select a larger version of the image, in the case of the first slide, the original version of the image, which is 1335×1333px.

— https://html.com/attributes/img-srcset/

Best regards,
Ismael