Best practices for images in Maple Builder
Images are one of the most important parts of your website. If you're looking for information about what images to use, where, and how to get good images, check out the website photography guide in our website tutorial library.
If you're looking for best practices for adding images using the Maple Builder, read on.
Best Practices For Image Sizes
Image size is directly related to website load time. The faster your website can load, the more you encourage visitors to stay on your site. In fact, one of the first things people do when speed optimizing a website is to compress images so that the file sizes are smaller. By following these best practices, you can do most of this up front yourself.
- Size images before uploading them onto your website. Before uploading images into your website media library, resize them so they are no larger than 2500 pixels. Why 2500 pixels? Unless you're creating a website for large television screens, even your full width images will not need to be larger than 2500 pixels.
- When you add an image module to your page, you can choose the size of how it gets displayed. This is a really cool feature because it allows you to store a large image but size it appropriately based on the size of the area where it is displayed on your website.
The following screenshots show you what we mean.
In this one, you can see the image is over 4,000 pixels wide, so it's going to load slowly.
In this next example, the image is both smaller and cropped. The circle crop works best for portraits, but notice that you can make changes to photos within the builder module.
