Here’s How to Optimize Images
There are two steps involved in optimizing images. The first is to crop or re-size your image to the recommended sizes based on the row selection chosen. See table on the right.
The second step is to use an image compression tool to decrease the load time for the image. Compression aps like SMUSH, Kracken, Compress PNG will do this for you.
Once you have completed these steps you can download the image to the media library. Lastly, insert the image into your page using the image module.
Column Type: Width (px) / Height (px)
- Full Column: 1080/600
- 2/3 Column: 700/400
- 1/2 Column: 500/300
- 1/3 Column: 300/200
- 1/4 Column: 225/125
- Blog post featured image: 400/250
Full Width Background Images: 1900/1000
Need a Free Image?
Try upsplash.
