When it comes to gathering the content ready for your build, it’s really important to have all your images resized ready to work with Divi. As a lot of my clients are photographers, it’s great to have all that wonderful imagery ready to upload straight into the media library, but hang on a minute, not so fast!
It’s very tempting to think that the bigger the image file is, the better the quality the image will be, but in fact that’s not how it works. All that will do is slow your site right down, and potential clients will abandon the site out of frustration because it’s too slow to load, and we don’t want that!
The image dimensions needed are:
Fullwidth: 1920 px on the longest side
Gallery images: 1200 px
Anything else: 1080 px
All at 72 dpi and no more than 200-300 KBs in size.
Trust me, this won’t compromise the quality.
So the best way to resize your images is either in Photoshop or Lightroom, but even after that the file size will most likely still be too big. By using nifty little tools like JPEGmini.com or tinypng.com you can reduce the size down even further. For those who aren’t photographers and don’t have Photoshop or Lightroom, you can still use JPEG mini and Tinypng but there’s also another brilliant little tool called Bulk Resize Photos. Just drag and drop the images, choose the longest side dimension, and Bob’s your uncle.
So there you have it, all your images in the perfect size ready to add to your Dropbox folder, all set to start your build!