How to check the size of the images used on your site's pages

Created by George R, Modified on Tue, 15 Oct at 4:30 PM by Prerak Jain

This article shows you to how to check the size of the images currently used in the site on any given pages.

Banner images as the one above are in 1920 X 1080 size. For best viewing experience, ensure to upload images in the same size.

Since, majority learners and prospective customers view sites via phones, equal attention should be paid to selecting images that enable mobile responsiveness of your site.

Other Images

All other images used in the themes and on your sites are of custom sizes. Depening upon your requirements you can change the size and upload new images accordingly.

How to check image dimensions

To check for the size applicable, login to the site, access edit mode and click on the image. Then, click on the orange icon (as shown below).

In the pop up that appears, click on 'Change Dimension' and the current image's dimensions would be shown here.

For best viewing experience on any device, ensure that any image that is uploaded, is based on this size. In case you wish to use a different size of an image, please change the dimensions here and then upload the image.

Uploading a New Image

Simply click on the blue camera icon and select a new image from your system - PC/desktop/laptop etc.

Things to keep in mind while selecting images for your site:

Choose images that do not have text on them.
Mobile responsiveness may cause almost 20% of the image not being visible from each side. Hence, choose image where the focus is towards the middle.
Bigger sized images should not be placed in smaller image boxes.
Always increase the size of the container to ensure the images align properly.
Learn how to upload high quality images in low file size: Follow the steps here