This article was originally published on this site


First off, prepare your materials. If you’re working with Photoshop, you can use the Save for Web and Devices option. This helps keep the file size low and speeds up the page’s loading time.
Under File, go to Save for Web and Devices, and in the dialog window, select the 2-Up option to see your image alongside the original, so that you can appreciate the differences in file size and download storage.
We prefer to use PNG 24 because they tend to preserve better image quality when reduced to smaller-sized files. The other advantage is, of course, their ability to handle transparency.
Regarding the quality level, our preference is always to stick to the middle values, between 40 and 60. You may find that a very high quality leaves you with images that are too heavy. 
When it comes to icons and logos, we tend to prefer SVG files, especially since the latest version of Elementor allows you to upload them. 
If you need to change the size of the images, you have the parameters in the video.
And all that’s left to do is save your settings. Then allocate a name and destination of your web-ready image, and click save. 
We recommend that you create folders for your images to keep everything in order and create a preset.
If you’re looking to do this as a batch action and save you even more time, Adobe actually recommends you do so using their Image Processor Pro. Though some suggest using Photoshop’s action recording to create a batch process.
Prepare all the visual assets – images and icons.
Then after you’ve created a new page, edit it in Elementor. In the page settings, name the page and set your page layout to Elementor Canvas. Keep the navigator open to make life easier.
For those of you who prefer to preset your colors and fonts, do this right away by clicking on the menu icon, or hamburger, and select the Color Picker. Select each color, dial-in or paste the new color code from your Photoshop or Sketch file or and click ‘apply’. The same goes for the fonts.
For this particular page, we used Google fonts, but you can just as easily upload a custom font.