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.
All other images used in the themes and on your sites are of custom sizes. Depending upon your requirements you can change the size and upload new images accordingly.
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.
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: