Hi there again,

First of all thanks for getting back to me this fast. If you have a blog, I would gladly share it :)

After running some tests uploading a few pictures, it looks like your code (the initial one you provided) actually works. But for some reason the registered image sizes continue to appear on the Regenerate Thumbnails plugin. This is strange because the thumbnails corresponding to those sizes are not created (so your solution works great). I have tried a plugin called Simple Image Sizes, which allows you to remove registered sizes and when you do that with this plugin, then, these sizes won’t show up on the Regenerate Thumbnails plugin. One thing about this plugin is that when I click on regenerate it doesn’t remove the unregistered image sizes. However, there’s another plugin called Regenerate Thumbnails Advanced by Shortpixel that work.

Anyway, your solution works fine when uploading new images and I’m very happy with that, so thanks for your support.

Regarding the Trimage software, I have tried to download it for Mac following the instructions they provide on their web but I haven’t been able to do it. Any other alternatives that you know?

Finally, there’s something else I wanted to ask you. I like your idea very much of being you who controls what image is served (instead of letting WordPress/Enfold choose). But there’s something that I’m not sure if could be improved in this process (just curious to know your thoughts about it). It’s the idea behind the srcset attribute but done deliberately by you. That is, optimize manually the images choosing the dimensions for different devices and then let the browser decide which one of the images that you have created serve. In other words, it would be implementing the srcset but in a controlled way, since it would be us who would decide which image sizes are correct.

What do you think?

Again, thanks so much for your help and for sharing your solution.

Regards,

Hi there, I’ve been trying to implement your solution on my website. And I must say I really love it how you approach the problem of duplicated files on your server. That being said, when I use your code, only some thumbnails are removed. Basically those defined by Enfold. But the WordPress registered images sizes are still there. I’m using the Enfold child theme and I have copied your code on the functions.php file.

Any ideas of why only the image sizes defined by Enfold are removed but not the ones defined by WordPress? Here’s a screenshot of the plugin Regenerate Thumbnails where you can see the currently registered thumbnails:

And here’s the current code I’m using, just in case it helps:

// remove “responsive images” functionality in WP 4.4 and higher
add_filter(‘wp_get_attachment_image_attributes’, function($attr) {
if (isset($attr[‘sizes’])) unset($attr[‘sizes’]);
if (isset($attr[‘srcset’])) unset($attr[‘srcset’]);
return $attr;
}, PHP_INT_MAX);
add_filter(‘wp_calculate_image_sizes’, ‘__return_false’, PHP_INT_MAX);
add_filter(‘wp_calculate_image_srcset’, ‘__return_false’, PHP_INT_MAX);
remove_filter(‘the_content’, ‘wp_make_content_images_responsive’);

// Disable loads of Enfold & WP image sizes upon upload
// do image sizes manually, double-size with high compression for retina screens
// use Photoshop to set exact double size and quality between Q30 and Q40
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’);
remove_image_size(‘1536×1536’);
remove_image_size(‘2048×2048’);
remove_image_size(‘shop_single’);
remove_image_size(‘extra_large’);
//remove_image_size( ‘large’ );

}
// 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[‘medium_large’]); // 768px
//unset( $sizes[‘large’]); // 1030px

return $sizes;
}

Thanks so much for your help.

Hi, I’m having the following issue when trying to display some sections just on mobile and some sections just on desktop on my page david.travel. I was using the Quick CSS with the following code:

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important;}}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important;}}

It was working great until I decided to load another enfold demo (2017). And suddenly it stopped working. The coming soon page stopped working as well as other pages in which I was using different id’s for mobile and for desktop. The weird thing is that I tried that on another page with the same coming soon page (david.photo) and it’s not working either.

What can I do? It’s a bit frustrating.

Hi there, any updates on this topic? I’m also having a similar issue when using the easy slider instead of the background image on the demo “freelancer”.

I’m creating a web where I want a slider with different images instead of a static image. I’m using the same image that comes with the demo (freelancer-girl-687×1030) with the same dimensions but when using the easy slider I the height is different (more than 100% of the screen size).

What can I do to get the same result as if I were using the background image?

Here’s a link to the website? First section is the original one; second section is a duplicated on but using an easy slider instead of a background image.

david.travel/home-1

Thanks in advance.

• This reply was modified 6 years ago by dgvicario. Reason: web link missing