Media Upload and Enfold's Thumbnail Sizes

A lot of users have allready good image editors to optimize the jpgs for web with the wanted and for each image best compression rate.
Many images are not critical and therefore tolerate higher compression rates.
On uploading images – enfold genereates the calculated formats from the opend jpg and does not set a compression rate. So it is like you save a jpg with zero compression ( in photoshop f.e. quality 12 : maximum )

the original code you can find in functions.php was since line 236:

so you can influence that on setting a compression rate in your child-theme functions.php
( here in my example 65% – but in most cases a 45% will be ok too )

 function av_return_100(){ return 65; }
  add_filter('jpeg_quality', 'av_return_100');
  add_filter('wp_editor_set_quality', 'av_return_100');

Then
Whether a format provided by Enfold ( functions.php lines 178ff ) is generated can be influenced again by means of a snippet in the child-theme functions.php:

Some formats are needed by Enfold because they are used in the backend. The formats you want to keep then comment out analogous to the widget format.

// Disable loads of Enfold & WP image sizes upon upload
add_action('init', 'remove_enfold_image_sizes');
function remove_enfold_image_sizes() {
// do NOT remove widget size, is used in backend portfolio items!
// remove_image_size('widget');
  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');
}

and if you like to do that with WP image formats too:

// Remove unneeded WP image sizes
add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
// Remove default image sizes here. 
function prefix_remove_default_images( $sizes ) {
// do NOT remove small and medium sizes, they are used in backend Media Library!
// unset( $sizes['small']); // 150px
// unset( $sizes['medium']); // 300px
 unset( $sizes['large']); // 1024px
 unset( $sizes['medium_large']); // 768px
 return $sizes;
}

BUT:
However, if you add this to an existing installation, you would have to recalculate your thumbnails afterwards.
There are small plugins that you can use temporarily for this action. Whereby you should make sure that the omitted formats are also deleted then.

in former times i used this : Force Regenerate Thumbnails
does that on recalculating.

But maybe a newer Plugin will be better – this seems to be from an image expert and will do the job too: reGenerate Thumbnails Advanced

i tested now:

function av_return_100(){ return 55; }
add_filter('avf_responsive_images_defaults', 'av_return_100');
add_filter('avf_wp_editor_set_quality', 'av_return_100');

and the native WordPress setting:

add_filter('jpeg_quality', function($arg){return 50;});
add_filter( 'wp_editor_set_quality', function($arg){return 50;} );

without luck.

if i change it in those two files of the original (parent) files : functions.php line 240 and class-responsive-images.php line127 ( enfold / framework / php ) then it works – so the filter does not do the job via child-theme functions.php !

btw: the original has a pixel-ratio of 1500×850

results with 55% compression

no – i think they have to look how the filter is working in a proper way. I prefer a child-theme solution too.

________
you see the lines in the php code from my post
there is: 'default_jpeg_quality' => 100,
on both files change it to f.e. 55

______

PS : btw. I have already mentioned it on other occasions
it would be nice if filters are added or replaced/renamed we could read a tutorial e.g. in github.

• This reply was modified 3 years, 6 months ago by Guenni007.

i will try your snippet as:

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 = 55; return $quality;}

____________
But you see on the tables above that there is the original file optimized in photoshop for web.
These file-size is best for the file – but we recognize that a lot of the calculated are much bigger than the original file.

We were already aware that the original file remains unaffected!

But we want to have influence of the compression level of the calculated files. The calculated file which is highlighted in the table is much larger in file size, but also much more blurred.

On Upload that works fine – and recalculation too !

see same file results ( but with 50%)

left is original / right is compressed image with 55% compression level
only a little color difference is there – guess my uploaded original has implemented the rgb color profile. i do not know if recalculated Images do have implemented Profiles too.

to get rid of calculated images the snippet in https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1270140 “// Disable loads of Enfold & WP image sizes upon upload …”
will do a good job without a plugin.

Yes – but for my part it can be closed now – the new snippet works fine – and for me 50% compression is good enough since I use the images more or less only as layout elements ( background motifs or sliders etc.).
Maybe for photographers with subjects that are e.g. monochromatic or with very fine structures it is necessary to have zero compression – but then they have original files that are not too compressed either.

Hi Guys
some of that coding is way above me but seems it may be the key to my problem – however I do know how to add code to my child themes functions.php file – though often I have no idea what the code means!!

I have a situation where I have a site that is importing real estate listings from a hub – the site only needs 2 thumbnails of a certain size (one for from end and one for admin/media library) and 2 larger images of a certain size for the font end

the site is at https://gccre.com.au/

is there code to control what images are created when they are imported?
currently it appears that Enfold is creating many different sized images that are wasting a lot of server space

the images it uses seem to be just
300×225 for the media library
300×200 for the front end thumbnail
800×500 for the listing image
and the full size image for a clickable larger pop-up image from the listing images

my question is – is it possible to set it so only those image sizes are created from the import?

I’m not too worried about quality as I have Short Pixel that can set the compression quality and max size

if you could supply me with the code that would do this I shall be eternally grateful!

I have used the filter
`function ava_image_sizes() {
remove_image_size(‘widget’);
remove_image_size(‘featured’);
remove_image_size(‘featured_large’);
remove_image_size(‘extra_large’);
remove_image_size(‘portfolio_small’);
remove_image_size(‘magazine’);
remove_image_size(‘masonry’);
remove_image_size(‘entry_without_sidebar’);
remove_image_size(‘entry_without_sidebar’);
remove_image_size(‘entry_without_sidebar’);
}
add_action( ‘after_setup_theme’, ‘ava_image_sizes’, 11 );

and it has reduced the number of sizes created – HOWEVER it is now creating 7 sets of each image !

here is a record of one of the images
https://gccre.com.au/wp-content/uploads/2021/02/image-creation.pdf

thank you sorry about that – I discovered the multiple image were coming from the 3rd party import file and not being created by anything in my WP install

Hello. I have a similar problem. In the woocommerce store on the product page and in the catalog. Why Enfold scaling my photos in “attachment-shop_catalog”? I need original size 1280×1920 becouse ShortPixel not serwing WebP. How to fix it?