---
canonical: https://amplience.com/developers/docs/workforce/image-studio/resize-reposition/
title: Resize and reposition images
description: Amplience Image Studio combines our AI image services with image manipulation tools to let authors resize, rotate and repair images themselves.
audience: Business User
image: https://cdn.media.amplience.net/i/ampproduct/is-crop-1?w=1200&h=630
image_width: 1200
image_height: 630
date_published: 2026-06-29
date_modified: 2026-06-24

---

# Resize and reposition images

You can adjust images in Image Studio by changing their size, rotating them, and moving layers.

## Resizing image canvases

To showcase your products across different platforms, channels and devices, it's important to make sure the images you use are the correct sizes.

With Image Studio there are various options for ensuring your resized images fit perfectly where you want to place them.

> **Tip:** Using resize and rotate in combination with each other can help you achieve greater results when editing images.

### Resize and crop images

When you want to use just a section of an image, you can resize the canvas and crop out the unwanted parts.

Here's an example, where we want to create a new image for a blog from just the highlighted part of the image below.

![Collection of items to be cropped](https://cdn.media.amplience.net/i/ampproduct/is-crop-1?w=1880&fmt=png 'Collection of items to be cropped')

We need to:

- Set the width and height of the canvas for then new image
- Select the "Anchor" position to focus the canvas on the area of the image we want

> **Note:** The "Positioning mode" can be left as "None".

![Width, height and anchor position set](https://cdn.media.amplience.net/i/ampproduct/is-crop-2?w=1880&fmt=png 'Width, height and anchor position set')

Confirming the changes gives us nearly what we want.

![Initial cropped image](https://cdn.media.amplience.net/i/ampproduct/is-crop-3?w=1880&fmt=png 'Initial cropped image')

To place the products in the center of the image we will:

- Resize the canvas so it fits evenly around the products
- Position the canvas over the products, by changing the "Anchor" position

![Updated canvas size and position to center products](https://cdn.media.amplience.net/i/ampproduct/is-crop-4?w=1880&fmt=png 'Updated canvas size and position to center products')

Confirming the changes gives us exactly the image we want to include in our blog.

![Resized and cropped image complete](https://cdn.media.amplience.net/i/ampproduct/is-crop-5?w=1880&fmt=png 'Resized and cropped image complete')

### Resize and fit to canvas

When you want to adjust an image and ensure that the entire image is shown in the new canvas size, use the "Fit" positioning mode in Image Studio.

> **Tip:** The "Fit" Positioning mode will resize your image to fit the entire image into your new canvas size, and depending on the aspect ratio, may leave areas of the canvas uncovered.

Here's an example of how to use "Fit" mode. Our image for this example has been created by replacing the original background with a different landscape background.

![Image that will be resized](https://cdn.media.amplience.net/i/ampproduct/is-fill-1?w=1880&fmt=png 'Image that will be resized')

For this example, we want all of our image to fit within a canvas with dimensions 2048 px x 2048 px. Note, that the positioning mode is set to "None". Saving the image now will give us what's currently shown within the dotted lines (the new canvas size), and will crop the image.

![New canvas dimensions entered](https://cdn.media.amplience.net/i/ampproduct/is-fill-2?w=1880&fmt=png 'New canvas dimensions entered')

We want the entire image to be included in our new canvas, so we set the positioning mode to "Fit". This fits the entire image into our new canvas dimensions.

![Positioning mode set to Fill](https://cdn.media.amplience.net/i/ampproduct/is-fill-3?w=1880&fmt=png 'Positioning mode set to Fill')

Saving the changes creates a new image at exactly the size we want.

![Resized image using the Fill positioning mode](https://cdn.media.amplience.net/i/ampproduct/is-fill-4?w=1880&fmt=png 'Resized image using the Fill positioning mode')

### Resize and cover canvas

When you want to adjust an image to match a certain canvas size, use the "Cover" positioning mode in Image Studio. For example, you may want to:

- Resize various product images so they have the same dimensions on your product pages

- Resize an image so you can use it as a website banner

- Adjust images for use with different channels and devices

> **Tip:** The "Cover" positioning mode maintains the size of your image within the new canvas size, and as a result some of your image may be cropped.

Here's an example of how to use "Cover" mode, that adjusts an image for use as a desktop website banner. The recommended dimensions for the banner are 1200 x 400 pixels, and our existing image is too large to use.

![Image that is too large to be used as a website banner](https://cdn.media.amplience.net/i/ampproduct/is-cover-1?w=1880&fmt=png 'Image that is too large to be used as a website banner')

First we'll unlock the aspect ratio, and set the Width to 1200px and the Height to 400px. This displays an outline of the new size of the canvas in relation to the existing image canvas:

![Unlock the aspect ratio, and set the Width and Height](https://cdn.media.amplience.net/i/ampproduct/is-cover-2?w=1880&fmt=png 'Unlock the aspect ratio, and set the Width and Height')

We can try using the "Fit" positioning mode, but it makes the subject of our image too small, and we want more impact.

![Setting the positioning mode to Fit](https://cdn.media.amplience.net/i/ampproduct/is-cover-3?w=1880&fmt=png 'Setting the positioning mode to Fit')

To retain the original size of the image subject, we'll choose the "Cover" positioning mode, even though it slightly crops our image around the edges. Clicking confirm saves our resized canvas.

> **Tip:** The green square is the boundary/aspect ratio of the original image after being resized.
> The dotted boundary shows the new boundary/aspect ratio after the resize.

![Setting the positioning mode to Cover](https://cdn.media.amplience.net/i/ampproduct/is-cover-4?w=1880&fmt=png 'Setting the positioning mode to Cover')

Saving our changes, displays our image in the new canvas size of 1220 x 400 pixels, ready for our desktop website banner.

![Setting the positioning mode to Cover](https://cdn.media.amplience.net/i/ampproduct/is-cover-5?w=1880&fmt=png 'Setting the positioning mode to Cover')

## Resizing image layers

When you've used Image Studio to change an image background, you can resize and reposition the resulting image foreground layer.

> **Tip: What is the image foreground layer?**
> A foreground layer is created when you remove or change the image background. More about [Image layers](https://amplience.com/developers/docs/workforce/image-studio/edit-images/#image-layers).

Here's an example where we've replaced an image's background and want to adjust the size and position of the person (foreground layer). Note, a thumbnail of the original image is displayed in the top left corner of the window. To resize or move a foreground layer, click on it to display the grab bars and adjust accordingly.

![Adjusting an image foreground](https://cdn.media.amplience.net/i/ampproduct/is-adjust-foreground-image-1?w=1880&fmt=png 'Adjusting an image foreground')

Here we've made the foreground larger and **moved** it to the right.

![Adjusted image foreground](https://cdn.media.amplience.net/i/ampproduct/is-adjusted-foreground-image-2?w=1880&fmt=png 'Adjusted image foreground')

When the "Positioning mode" is set to Manual, we can also resize, rotate and move the background layer by selecting and dragging it.

![Adjusted image background layer](https://cdn.media.amplience.net/i/ampproduct/is-adjusted-background-layer?w=1880&fmt=png 'Adjusted image background layer')

## Rotating images

With Image Studio you can rotate images, by positioning the cursor slightly away from the image corner until the "rotate" arrow displays.

> **Tip:** To rotate in 15 degree increments, hold down the Shift key as you drag.

You can rotate an image when it doesn't have any layers, that is, its background hasn't been changed.

![Rotating an image that does not have layers](https://cdn.media.amplience.net/i/ampproduct/is-rotate-1?w=680&fmt=png 'Rotating an image that does not have layers')

You can also rotate foreground and background layers that are created by changing the background.

![Rotating an image layer](https://cdn.media.amplience.net/i/ampproduct/is-rotate-2?w=1880&fmt=png 'Rotating an image layer')

## Images with original backgrounds

Sometimes you may have product images that already have the perfect background, but just need the subject to be moved or resized slightly. For example, you may want to create space for overlay text that will be added when an image is used in content.

Image Studio helps you adjust product images on their original backgrounds, with the help of **Repair background**.

> **Tip: When to use Repair background**
> Repair background works best with photo backgrounds. If you have a single color flat background we recommend that you use [color fill](https://amplience.com/developers/docs/workforce/image-studio/background/#applying-background-colors).

To adjust an image on its original background, you first need to remove the background and then reinstate that same background. This creates a foreground layer that you can select, move and resize, as shown below. More about [Image layers](https://amplience.com/developers/docs/workforce/image-studio/edit-images/#image-layers).

![Adjusted image foreground](https://cdn.media.amplience.net/i/ampproduct/is-repair-original-1?w=1880&fmt=png 'Adjusted image foreground')

> **Tip: Removing and reinstating a background**
> The quickest way to remove and reinstate a background on a new image, is by using the [blur action](https://amplience.com/developers/docs/workforce/image-studio/background/#blurring-backgrounds). Alternatively, use "Remove Background", then from the "Background" tools, select the Image tab and choose 'Original background' from the dropdown.

You can move the foreground layer using the grab bars, as highlighted in the example below. In our example, adjusting the foreground has left some shadowing where the original foreground was. We'll use "Repair background" to correct this.

![Adjusted image foreground](https://cdn.media.amplience.net/i/ampproduct/is-repair-adjusted-1?w=1880&fmt=png 'Adjusted image foreground')

Clicking "Repair background" draws in the area that was left by adjusting the image.

![Adjusted image foreground](https://cdn.media.amplience.net/i/ampproduct/is-repair-done-1?w=1880&fmt=png 'Adjusted image foreground')

> **Note:** When the background is the same size as the canvas, for example when using the Blur background feature, the "Positioning mode" dropdown is not available. Instead, the "Use Manual Positioning" option is displayed to let you resize, rotate and move the background layer.

## Related pages

[Changing image backgrounds](https://amplience.com/developers/docs/workforce/image-studio/background/)