Is your hero image loading so slow that time stops?
And your tardy Media Library makes you doubt existence?

The odds are, your using an image that is too BIG for Internet.

Let’s fix that right now by opening a new tab, and typing in photopea.com

You get the best result if you have the original image on your computer,
so find the folder and drag the image on the drop box.

Using Photopea to optimize your images

Now, go to Image, Image Size, and type in 1920 and click on the box to change the height automatically.

Why 1920? Because it’s the most common screen resolution worldwide.

Next we can zoom in, go to File, Export, Export As, WEBP,

at 70% Quality, the file size is 347 kilobytes, making it 60% smaller than the scaled image on WordPress.

WEBP is better at compression than JPEG, as you can see, the file size is larger.

So let’s keep it on WEBP and hit SAVE.

Optimizing images in Elementor

Back in Elementor, remove the original, and tap on the plus sign to Open the Media Library and Upload Files, and Select Files. Find the image in your downloads folder and wait until it uploads. Little faster this time.

Give it an ALT title and Click Select. Now we have the same image with barely noticeable difference in quality that loads up twice faster.

WordPress didn’t save the ALT text, so let’s type that in again, click on the background, and wait to see the Saved text above.

Update to save changes.

To see how fast your new image loads up, go to the top menu, right click on the View Page button to copy the URL, then hit CTRL + SHIFT + N on your keyboard to open a private tab, and paste in your URL.

Now the image loads MUCH faster, making everyone happy!