The Image Editor

Editing images has never been easier in the Asset Manager. No need to fiddle with URLs or Photoshop to modify an image, the Asset Manager allows you to crop, scale and set automatic parameters for your images. After you’ve edited an image, you can copy the image URL to embed on your web applications, or download the image locally on your computer.

To access Image Editing, open the Asset Manager and click on any image you want to edit, then click the image thumbnail.

After you click the image thumbnail, you will see the image detail view. Two tabs will appear on the upper right-hand side. Click the Editing tab to open the Image Editor.

The Image Editor

Edits made in the Image Editor do not affect your original image. Instead, they generate URLs that transform the image according to the options you apply in this user interface.

To get the image URL, click Share -> Copy URL. This will copy the URL with parameters to your clipboard. You can then paste this URL into your web application to display the edited image.

https://fourbottle.imgix.net/2022-Fall/four-bottle-dalgona-coffee.jpg?w=4000&h=6000

Alternatively, you can download the image to your computer by clicking Share -> Download Image:

Size & Properties

The Size & Properties section controls the size of the image. Here, you can specify the aspect ratio, width and height of the image.

Automatic Operations

Have imgix automatically adjust your images using one of the automatic options. The following options are available:

• Format: Detects AVIF and WebP browser support to serve the best format for the web.
• Compress: Alters the processing algorithm to apply image compression.
• Enhance: Adjusts the image properties to create a more vibrant image.
• Red Eye: Applies red-eye removal to detected faces.

Cropping Tools

Crop your image using a point and click user interface. This leverages the Focal Point Crop parameter to give you full control over how your image is cropped.

To open up the point and click cropping options, click the Crop button under the Image Transform section. You can then drag the borders of the image to resize the crop, or drag the crop box to move the crop area around the image.

Use your mouse wheel to zoom or set the crop size manually in the right-hand input boxes.

Once you’ve finished cropping your image, click Apply to save your changes as you continue editing.

Fill Tools

The Fill tool is an alternative to cropping that allows you to fill the background of your image with a blur. This is useful when you want to maintain the aspect ratio of your image but need to fill the background with a color or blur.

If you are on a Premium Plan, you can also use Generative Fill to fill the background with generative AI.

Object Removal

Editing images for Object Removal can be done within the Asset Manager Image Editor. Object Removal empowers you to control your content by removing undesirable objects within your assets. Selecting the Remove Objects button opens the interface to remove unwanted objects.

Once within the Object Removal interface, resizing and dragging the removal box will set up the object for removal. You can remove multiple objects one-by-one by repeating this process.

Selecting the Restore Objects button will restore the image to its original state if the removal is undesired.

After editing your image, clicking Save and Exit will save your edits, or clicking Exit Without Saving will restore your image to its original form. From here, you can return to previous editing options, such as resizing.