+1
Oh yes. Pls add an option to select image size (of the same image) for different media queries. Now we can chose only a different image.

And also pls add an option to remove bg image completely (on specific media query) and leave only the color.

+1

+1 on this, so important!

+1 I wrote about this in 2.4 beta release post.

+1 this would be a game changer in mobile speed opt.

+1 not having this feature is delaying load time across the board for me.

+1

+1

Isnt its quite a large demand on this now? will you eventually add this feature? :)
It's a pain to crop images manually...

Also, why did the privious feature request topic is set as Closed, while feature still not there... :(

+1

Mobile is more important than Desktop honestly, 60% of traffic is now estimated to be from mobile devices in recent studies conducted.

@KingYes @kobizz
Elementor team, please notice this feature request!! :)
👍

+1

And please allow option to print the inline css reference. I would like to take advantage from plugins and image CDN's be able to grab all images to optimize. For smart cropping, dynamic resize for all devices. I do not want to deliver desktop size to mobile.

Would be good as you guys say in the thread to also be able (for user that dont use the setup I do) to set image site for background images, and normal img tags based on tablet and mobile.

+1

+1 from me

I have been trying to find how to do this in Elementor for the past 30 minutes.. I figured it had to be there because so many other features are so well implemented, but this is certainly something big that is missing.

Particularly for me, I am choosing a Product Image in WooCommerce and then using the "dynamic" feature to display the image in a "Single Product" template page. The product image selected is the original file, so it would be great if I could choose a different image size from the predefined Wordpress image variations for each of the responsive layouts.

Please, reopen this issue.
Huge client-uploaded backgrounds are killing my sites' load times.

+1

+1 Elementor is such a great tool, please make it Pagespeed-friendly

+1, as mentioned before, this would reduce my page sizes with at least 200kb each.

Unfortunately this has not been added in the latest update which included some improvements on the background functionality. This is such a simple and highly necessary function, please consider adding this!

+1
I can't believe this feature is not already included, as a computer science grad, I went from coding my own theme to using elementor pro for its ease of use. The fact they have dynamic content, shortcode and all these advanced features but missing this basic functionality is beyond my understanding.
If you do decide to implement it, make sure we still get to manually select different images for background while adding the option for the background to load different size of the same srcset image dynamically based on screen size.

@twhaas

Unfortunately this has not been added in the latest update which included some improvements on the background functionality. This is such a simple and highly necessary function, please consider adding this!

Exactly my thought - so I added the same suggestion to 2.7 beta thread 14 days ago. It was marked as offtopic. OK, thread was propably meant just for bug reports, but 7 new requests right after 2.7 release prove, that this feature is needed even more than before.

Please make us happy, small improvements like this are what makes the difference between good and awesome. 😉

+1

Come on @elementor, we've passed the point where this is just a nice feature to have, it's a basic necessity for a professional website. I want my clients to upload images of any size, which are then automatically resized. Having 4MB background images is killing pagespeeds and SEO. It's nice that you are introducing new fancy dividers and parallax scrolling effects, but please divert some the time spent on this stuff to fix this very simple but highly needed feature. (Also, is @elementor even reading this?)

This is getting silly. I currently have a layout with a five column section - each column with a different background image. Despite the fact that Wordpress is generating exactly the sizes I want, I still have to Photoshop each image individually or else it will try and load ~10mb of images. And then I have to ask the client to do the same when updating.

This is basic functionality and this request will soon be having it's 4th birthday. Get this in the backlog please.

Well that's true. You can select a totally different background image for Responsive Break points.
But the issue everyone here is talking about Background image size selection not using Responsive break points.

The breakpoints are fine. The problem is the background image doesn't use WordPress's image sizes. The Image widget does... this should too.

And the super annoying thing is that because of the way that the code is structured, this "widget" is a kind of special-case and there is no way to override it in the code for any developers to implement it themselves as a plugin.

The only way possible would be to filter the output html and then inject a new image in, which could work, but would mean that the original image had already been loaded with the call, so you would be loading the image twice. I wasted a weekend digging through the code trying to take this into my own hands, but ultimately reached that conclusion.

I suspect they will never fix this, and it might be an option in the flexbox successor; or we will be starting a new thread when that comes out for the next 4 years.

@rtpHarry well there is a way.. see #6778 (comment) . But it's only for the pro version. I refuse to use workarounds for this though; I feel pretty strongly that this should be built into Elementor itself; it's such an essential feature.

I brought this issue up with the Elementor Support team earlier today and asked them to get the dev team to comment on the issue or discussion and let us know if it is at least on their radar... then @fabianenzensperger noticed the above commit earlier today. Is this... progress? Are we just being overly hopeful? 🙏

Hi @jomarieminney,

Yes, the development is in progress.
We are investigating the issue and working to provide the best solution.

We will keep updating here with the findings and progress.
Thank you!

Hello all,

I just wanted to give you an update about our progress with this feature:

We wanted to release it in 3.10, but thought the implementation is not right yet, so we'll take more time to investigate and release it in the near future. We want to make it right! I hope you can understand. 🤓

Apologies for keeping you waiting. We know this is important for you! And we hope to give you an update soon. 🙏

Kind regards

Hello everyone!

We have great news! 🙌

📢 We're happy to announce that this feature was released with Elementor v3.11! 🥳

✔️ Please feel free to check it out and update your plugin to the new version!

Cheers 🥂