By default the Total theme does not crop any of your featured images. Some themes include built-in sizes, the problem is this can cause your site to start cropping and saving tons of variations of your images on your server and taking up server space. Total will not crop any images until you define your custom sizes via the Theme Panel.
Did You Know? Total includes an awesome function that resizes “on the fly” which means every time you upload an image Total will not automatically crop it to your defined image sizes, rather it will only make a crop version of the image as needed. So if you upload an image for a blog post it will create a cropped version for your blog post but it won’t create a cropped version for every other image size defined (unlike other themes).
Image Sizes Panel
To access the Image Sizes Panel simply go to Theme Panel > Image Sizes on the left hand side of your WordPress dashboard. From here, you can click on the different tabs to access the image size options for the different parts of the site.
When you click on a tab you will then find image size options for the various image sizes for that section. Below is an example of an open Image Sizes tab.
Using Aspect Ratios instead of Cropping (Recommended)
Instead of defining a specific width, height and crop for your images you can instead select an Aspect Ratio for your image. This will render the images for the specific size at the aspect ratio rather then cropping them.
In my opinion, this is a better solution because you can pre-crop and optimize your images prior to uploading them to your site. This will in turn, consume less server resources since the theme won’t have to check for and crop your images on demand or store cached versions of the cropped images.
Custom Image Sizes in WPBakery or Elementor Elements
When you are using the theme’s elements many have their own cropping settings. For example if you insert the Total “Image” element you will find it’s own settings for defining the image sizes under the “”Crop” tab or if you are using the “Image Grid” element you will find the image size settings under the “Image” tab.
If you select “Custom” for your Image Size (default value) you can enter a custom width, height and crop location for the specific element or you can select a custom image size as defined in the Image Sizes admin panel. Again, we generally recommend you use Aspect Ratios instead of custom image cropping.
Add Custom Image Sizes or Remove Image Sizes?
Want to add custom image sizes to your theme panel for use with the theme or remove built-in image sizes? This is 100% possible! Total includes a filter so you can do so, view the sample snippet.
And of course, if you wish, you can also completely remove the Image Sizes panel from your site via the main Theme Panel.