Cropping Images to be a consistent height and width

You can use the cropping engine when uploading or editing an image to permanently crop the image to a fixed height and width

Using the crop engine to crop images to a fixed height and width

  1. You can use set your Resize Dimensions to set the required height and width then check the Crop to exact resize dimensions checkbox to fix the crop area.
  2. Drag the crop area to the required area on the image and save.

 

This image will be cropped to exactly 600px wide, by 800px high. You can drag the crop area around and use the corner handles to change the area. The aspect ratio will remain the same.


Using the crop engine to set a max-height and width for an image, then using the aspect ratio to crop the image to a fixed shape.

  1. You can use set your Resize Dimensions to the max-height and max-width you would like the image to be
  2. Leave the Crop to exact resize dimensions checkbox unchecked
  3. Use the Image Aspect Ration presets, or your own custom value to get the crop shape you require
  4. Drag the crop area to the required area on the image and save
  5. The image will be resized to within the height and width settings chosen

This image will be cropped within 960px wide, by 960px high. You can drag the crop area around and use the corner handles to change the area. The aspect ratio will remain at 4 / 6 at all times.

 

Additional Options

Use a page layout the shows Square thumbs in its thumbnail view

Change the page layout to an option that generates square thumbs automatically (you will not be able to choose the crop area).

Use the page options to set a height / width for images with maintain aspect ratio checked

Change the page options to an option that generates square thumbs automatically (you will not be able to choose the crop area).

Use the page options Square thumbs option to generate square thumbnails regardless of image size

Change the page options to an option that generates square thumbs automatically (you will not be able to choose the crop area).

More From This Section

Here are the correct file formats and sizing requirements for uploading images to your website.
The stylemodal popup provides some information about the size of your uploaded image and its size in the website
The crop image wizard can help you to crop the display area of a set of images at once for image dimension uniformity.
By default images scale to fit the available column width, but if your image is smaller than the available area you can disable the scaling using the crop icon.
You can use the cropping engine when uploading or editing an image to permanently crop the image to a fixed height and width
With the Drag-drop and Contentbox editors you can add a colour overlay to your image.
As well as image size warnings that appear when using the Crop/resize Image wizard. The system provides warnings of oversized content when using the CMS.
One option to reduce the file size of large images is to resize them. This will not crop the image only change the dimensions/quality of the image.
Why are my thumbnail images so blurry? This depends on your website template, and layout chosen, along with thumbnail settings.
You can add alt text via the SEO area of the Style Editor popup
Here is how to add alt text to images when using the TINYMCE editor.
Banner images set via the DESIGN > BANNER area can have Alt-text applied.
It is possible to have the text wrap around images in the Drag-drop and Contentbox editors.

FAQ Topics

Search for help:

> Home