Crop An Image Using Titan Cms Image Editor

This will allow you to trim the image down to a portion of the original image.

1. From a Freeform Block, double click on an image, or select an image and click the Images button in the toolbar. This will open the image options.                               
2. Click Browse to open the Content Explorer, where you can select and/or edit an image.
3. Click the Edit Image icon. 
4. The Resize tab in the Image Editor will display first. 
5. Select the Crop Tab in the Image Editor. 
6. The actual Crop Box Size may be changed. You may type in the desired number in the Width and Height text fields. You will be able to create a smaller or larger Crop Box. 
7. To change the Width and Height of the Crop Box without being constrained to a certain combination, deselect Constrain Proportions. 
8. To select different area of image to Crop, move the white box by clicking on box or side and dragging box over image as it becomes highlighted. Pointer will display as four arrows.
9. To select a different sized area of the image to Crop, click on the corners and expand the white box as image becomes highlighted. Pointer will display as two arrows.
10. To Reset the Image back to original Width and Height, select Reset.
11. There are four buttons at the Top of the Image Editor:   
    1. Save As allows you to save the new image settings without overwriting the original image.
    2. Apply allows you to see what the image looks like with the new settings. You still have the option to "Cancel" out of the change.
    3. Cancel will undo the changes you have made.
    4. Ok allows you to save the new images settings to the original image.
12. Titan CMS automatically generates the new versions of the web-ready images available to use into the Freeform Block. Select the desired image size for the freeform.
13. Click Done.
14. Click Done to update the Freeform Block, and then Save or Publish the changes to the page.