![crop and resize image crop and resize image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2014/10/ImageResizingCroppingCanvas.jpg)
![crop and resize image crop and resize image](http://www.lunapic.com/editor/premade/cellphone-picture.gif)
Use this to judge the photo's size in relation to the entire content area.
![crop and resize image crop and resize image](https://www.codershood.info/wp-content/uploads/2018/05/Scale-Crop-and-Resize-images-in-Nodejs-using-Sharp-1024x576.png)
The unshaded portion of the photo will be visible on your website once you save the crop. Next, click and drag the image itself to reposition it within the crop area ( illustrated below).
#Crop and resize image free
#Crop and resize image update
Here's the first step to cropping your photo: Click and drag the Crop Handles to set the width and height of the image ( illustrated below). As you drag the Crop Handles, the photo's width and height values (measured in pixels) will update in real time in the top right corner of the Image Cropper. Use the Crop Handles to set the photo's dimensions NOTE: The Image Cropper will only be available for images used in Events, News, Text/HTML, and People Modules. Here are the steps (and tools) you'll need to crop your images in the Image Cropper. To save any adjustments you've made to your images, you must publish your web page by clicking the green Publish button. When you use these tools, your entire image will remain in the module, although you cannot see the entire image (pictured below). These tools allow you to adjust the visible area of your image, by zooming in and out of the focal point of your image. Use the Zoom In/Out features to adjust the visible area of the image. HINT: If your Directional Cursor is activated (highlighted in blue), but you are not able to drag your image around inside the module, that means the entire image is visible and cannot be "zoomed out" anymore. You will know the Directional Cursor is ready to be used when the icon is highlighted in blue (pictured below). In order to use the Directional Cursor, you must first select the tool in the top right of the module. This tool allows you to move / reposition the visible area of your image. Use the Directional Cursor to move / reposition the image Because your whole image (although partially hidden) remains in the module, the following tools will allow you to crop and resize your images within each module to create a perfect picture, every time. Depending on the size of your image, it may appear as if your image was cropped during the upload, however, the entire image remains in the module. When you first upload your image to a Button or Image Module, it will be intuitively placed so that the image will fill the entire module.
![crop and resize image crop and resize image](https://backlightblog.com/images/2021/06/mobile-banner-Crop-Resize-Photo.png)
The standard Image Editing Tools are located in the top right of the Button and Image Modules (pictured below). Here are the steps (and tools) you'll need to crop your images using the standard Image Editing Tools.
#Crop and resize image how to
How to use the standard Image Editing Tools