To change an image, simply click on it. Then in the left side Elementor editor, click the image thumbnail to delete it.
You’ll automatically be sent to the Media Library where you can select another image.
To return to the Dashboard, click the top left hamburger icon (3 stacked white lines).
Here are some tips for image sizing…
If you have Photoshop, great! If not, you can try this Online Image Resizer site.
https://resizeimage.net
For full width hero images, I use 1920 pixels wide by 800 pixels high. I try to keep the file size to under 100k so it doesn’t slow the page down too much. 72 dpi (dots per inch) resolution.
For images that take up the full space of the container, but not full width, I use 1200 pixels wide by 800 pixels high. If you have an image gallery, this is a good size for landscape images. For portrait style images, try to keep the height to 800 pixels.
For images that take up half the page, I use 768pixels wide by 512 pixels high, 72 dpi. Try and keep the file size as low as possible without degrading the image quality too much. Also use this size for the Featured Images in your Posts or blogs.
If you’re using a 3 or 4 column section, I would use an image set to 400 pixels wide by 267 pixels high, 72 dpi.
After placing the new image, be sure to choose the proper size from the pulldown menu under the image in the Elementor toolbar.