Astro Theme accepts a variety of formats for images, in a variety of sections. When uploading images it's important to ensure that the file is both the right size and compressed (optional).
This guide will cover the following topics:
- Imaging Size (ratio)
- Image Compression
Image Size (ratio)
When uploading the image, ensure the size of the image matches the size of the location it's being uploaded to. For instance, when uploading a hero banner, ensure that the image is also a banner ratio instead of a square ratio.
Uploading an image with an incorrect ratio may result in the shown image appearing cropped and potentially distorted, additionally, it means your users are downloading more information than they need to.
Example 1: The correct image ratio is applied to the hero banner. Even though the image is not exactly the same proportion as the banner, it's within a close enough range.
Example 2: Below is an example of an improperly sized image being uploaded:
To safeguard fast page load speeds, we recommend the following:
- No images are over 500kb in size.
- Use WebP format as it not only has great compression; it's also THE preferred choice by Google when considering your page's SEO ranking.
Note: You can also use PNG or JPG formats however, please make sure you have compressed your images first to ensure a small file size.
Most image editing software now allows for files to be exported in WebP format. If you don't have access to software that allows this, there are many free options available online that you can utilise.
Here are a few sites to get you started: