Crop Tool

Quick Editor
Load image in the simple editor below for quick editing.
Online App (Beta)
Edit with layers panel, menus and user interface like a traditional raster graphics image editor.
Selection history
Aspect ratio:
 |   %  |  New file
Click Here to open the editor if stopped by popup blocker.
Launch Editor
*Nb. This page is needed for the online editor. Do not close while editing.

If the editor launch was blocked by your browser consider adding gifgit.com to your browser safe popup list.

Chrome

  1. Click the Customize and control Google Chrome menu. ( button at top right of browser).
  2. Click Settings.
  3. Expand the Advanced menu then select the Privacy and Security in the sidebar.
  4. Click Site Settings then Pop-ups and redirects.
  5. Under Allow click the Add button.
  6. Enter gifgit.com in the dialog and press Add.



edit index: | selection index: deselected filename:
clipboard

About the Image Crop Tool

Crop your images and photos online with the online crop tool available in the free online image editor at gifgit.com. Cropping allows you to create an image from within the current image. You can focus on a desired subject in the image by removing unwanted areas and in so doing define the dimensions and aspect ratio of the new image. More often than not you will find that the crop tool is useful for fitting image content into a new aspect ratio without stretching the image along the height or width. With this online tool you can choose from several presets to get the right aspect ratio for your cropped photo. Upload a photo from your computer or use a sample image to use the crop tool.
Crop tool main example

How to Crop an Image or Photo

  1. Upload an image using the form above to load it in the online editor. If you already have an image opened in the editor select the crop tool by clicking its icon in the toolbar.
  2. To begin the selecting press in the image to set the starting point of the crop rectangle. With the mouse still pressed drag to surround the desired area. While dragging you will observe the dimensions of the rectangle being adjusted to fit between the start point and current mouse point. The selection is completed when the mouse is released. A dashed box indicates the region that is contained within the crop rectangle.
  3. Hover the mouse over the crop rectangle to show the control handles that can be used to change the dimensions and location of the crop rectangle by pressing and dragging them.
  4. When you are satisfied with the selected crop area press the 'Crop Image' button to crop your image.

How the Crop Tool Works

The crop tool is a simple tool that works like the rectangular marquee tool. All you have to do is draw a rectangle in the image that covers the image area you wish to keep. Areas outside the rectangle will be trimmed away to create the new image. When the crop rectangle is drawn you can adjust its width, height and position using the control handles.

Crop Handles

Control handles are areas in and around the drawn crop rectangle that can be pressed and dragged to resize or reposition it. Edge handles are just outside the top, left, bottom and right edge. There are also handles for the four corners of the crop rectangle. The areas inside and outside are also used to alter the crop rectangle. As you move the mouse you will notice changes to the cursor when a crop rectangle is already drawn in the editor. The cursor indicates how the handle can alter the existing crop rectangle. The crosshair outside the crop is a little different. It doesn't manipulate the current crop rectangle but is used to draw a replacement crop rectangle.

The 10 control handle regions are as follows:
image crop tool handles
  1. inner - moves the crop rectangle.
  2. outer - press and drag to create a new crop rectangle that replaces the current.
  3. top - changes the height of the crop area while simultaneously changing its y position.
  4. left - changes the width of the crop area.
  5. bottom - changes the crop area height.
  6. right - changes the width of the crop area while changing the x position.
  7. top-left - changes width or height of crop rectangle, may change either the x or y top-left positions or both.
  8. top-right - changes the width or height of crop, may change the y position.
  9. bottom-right - changes the width or height of crop.
  10. bottom-left - changes the width or height of crop, may change the x position.

Aspect Ratio

The crop tool also has an option to set the aspect ratio of the crop area. The default 'Unfixed' option allows you to draw a crop area with a width and height that are not contrained to a set ratio. This means the height and width are independent and changing one doesn't affect the other. The other aspect ratios do not behave like this because they constrain the width and height to a set ratio between the two. This is useful when you need to keep a set dimensional proportion in the resulting image. For example, if you set the 'Aspect ratio' option to 'Image' the crop rectangle will be drawn with the same width to height ratio as the original image. The other aspect ratio presets are used to apply width to height ratios that are popular in photography.

Below is a thumbnail preview of the aspect ratio options for the crop tool:

1:1 aspect ratio crop 2:3 aspect ratio crop 3:2 aspect ratio crop 4:3 aspect ratio crop 4:5 aspect ratio crop 5:7 aspect ratio crop 16:9 aspect ratio crop

Crop Tool Settings

  • Aspect ratio: Sets aspect ratio that the crop rectangle will be drawn with.

Feature Rich Online Image Editor

Online photo editing with layers, layer masks, a workflow and user interface like a traditional desktop photo editor that provides you with the toolset and features to professionally edit your images. No need to download or use desktop software like Microsoft Paint, Photoshop or GIMP to do quick edits. Edit your images online with the best online image editor.
Features Gifgit Editor Lunapic
Browser based editing (No software download) Yes Yes
Layers Yes No
Layer Masks (Non-Destructive Editing) Yes No
Selection tools Yes No
Undo History List Yes No
Export Formats Supported: JPEG, PNG
Sorry, your browser does not support inline SVG.