DocumentationAEM as a Cloud ServiceUser Guide

Edit images in Assets view edit-images-in-assets-view

Last update: Tue Oct 08 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User
Search Best Practices
Metadata Best Practices
Content Hub
Dynamic Media with OpenAPI capabilities
AEM Assets developer documentation

The Assets view UI enables basic image editing powered by Adobe Express, integrated to the UI. This editing includes resizing, background removal, cropping, and converting between JPEG and PNG formats. Additionally, it allows advanced editing through the Adobe Express interface Embedded within the Assets view UI.

After editing an image, you can save the new image as a new version. Versioning helps you to revert to the original asset later if needed. To edit an image, open its preview and click Edit Image.

NOTE
You can edit images of PNG and JPEG file types using Adobe Express.

Edit image edit-image

Go to Assets view UI, using the link - Assets View and selecting the right repository. To receive access, contact your organization’s administrator.
For any additional reference information refer - Get started using Adobe Experience Manager Assets View, Understand the Assets view user interface, and Assets View use cases.

Edit Image on Assets View using Adobe Express edit-image-on-assets-view-using-adobe-express

After navigating to Assets View, click Assets, select an image, and then click Edit from the top rail. The new screen displays the available editing options powered by Adobe Express, which includes resizing, background removal, cropping, and converting between JPEG and PNG formats.

Resize image resize-image-using-express

Resizing an image to a specific size is a popular use case. Assets View lets you quickly resize images to fit the common photo sizes by providing pre-calculated new resolutions for specific photo sizes. To resize the image using Assets View, follow the steps below:

  1. Click Resize Image from the left pane. A dialog box displays the resize image capabilities powered by Adobe Express.

  2. Select the appropriate social media platform from the Resize drop-down list and select the image size from the options that display.

  3. Scale the image, if required, using the Image Scale field.

  4. Click Apply to apply your changes.
    Image editing with Adobe Express

    Your edited image is available for download. You can either save the edited asset as a new version of the same asset or save it as a new asset.
    Save image with Adobe Express

Remove background remove-background-using-express

You can remove background from an image by following the steps mentioned below:

  1. Click Remove Background from the left pane. Experience Manager Assets displays the image with no background.

  2. Click Apply to apply your changes.
    Save image with Adobe Express

    Your edited image is available for download. You can either save the edited asset as a new version of the same asset or save it as a new asset.

Crop image crop-image-using-express

Transforming an image into a perfect size is simple using embedded Adobe Express quick actions.

  1. Click Crop Image from the left pane.
  2. Drag the handles on the corners of the image to create your desired crop.
  3. Click Apply.
    Save image with Adobe Express
    The cropped image is available for download. You can either save the edited asset as a new version of the same asset or save it as a new asset.

Convert JPEG to PNG convert-image-types-using-express

You can quickly convert between JPEG and PNG image formats using Adobe Express. Execute the following steps:

  1. Click JPEG to PNG or PNG to JPEG from the left pane.
  2. Click Download.

Limitations limitations-adobe-express

  • Supported image resolution: Minimum - 50 pixels, Maximum - 6000 pixels per dimension.
  • Maximum file size supported: 17 MB.

Edit images in Adobe Express embedded editor edit-images-in-adobe-express-embedded-editor

Users with Express entitlement can use the embedded Express editor from within the Assets View to easily edit content and create new content with GenAI from Adobe Firefly. This feature improves content reuse and accelerates content velocity. You can also use pre-defined elements to make your asset look stunning or perform quick actions to edit your image with just a few clicks.

express in essentials UI
To edit images using Adobe Express embedded editor, follow the steps below:

  1. Go to AEM Assets View using the link - AEM Assets View and select the right repository.

  2. Click Assets, enter a folder, and select an image.

  3. Click Open in Adobe Express. The image opens on an express canvas.

  4. Make the required edits to the image.

  5. If your project requires you to add more pages, click Add, select assets, enter a folder, select an image to bring onto the canvas page, and then perform the required edits to the image.

  6. To save one or more assets, click Save. The save dialogue box displays the saving options. To select between the saving options, follow one of the instructions below that aligns with your requirement:

    1. To save a single page, click Save as Version to export the image as a new version (retaining the original format), and save it in the same folder.

    2. To save a single page, click Save as a new Asset to export the asset into a different format and save it to any folder as a new asset.

    3. To save a single page from multiple pages, click Save as Version to save the asset in its original format and location.

    4. To save multiple pages or a single page among multiple pages, click Save as New Asset. This action exports the single or multiple assets to any folder and saves them as new asset or assets in the original or a different format.

  7. In the Save dialog box:

    1. Enter a name for the file in the Save As field.
    2. Select a destination folder.
    3. Optional: Provide details such as Project or Campaign name, Keywords, Channels, Time frame, and Region.

  8. Click Save as version or Save as new asset to save the asset(s).

Limitations of editing images in the Express Editor limitations-of-editing-images-in-the-express-editor

  • Supported file type: JPEG or PNG.
  • Maximum file size supported: 40 MB.
  • Supported width and height range: Between 50 to 8000 pixels.
  • Reload the page to see the latest saved new asset in the source folder.

Create new assets using Adobe Express create-new-embedded-editor

Assets view enables you to create a new template from scratch using Adobe Express embedded editor. To create a new asset using Adobe Express, execute the below steps:

  1. Navigate to My Workspace and click Create within the Adobe Express banner that displays at the top. Adobe Express blank canvas displays within the Assets view user interface.
  2. Create your content using Templates. Otherwise, navigate to Your Stuff to modify existing content.
  3. Once you complete editing, click Save.
  4. Specify destination path for the created asset and click Save as new asset.

Limitations limitations

  • You can only modify images of JPEG and PNG format types.
  • The asset size must be less than 40 MB.
  • You can save an image in PDF, JPEG, or PNG formats.

Next Steps next-steps

  • Provide product feedback using the Feedback option available on the Assets view user interface.

  • Provide documentation feedback using Edit this page edit the page or Log an issue create a GitHub issue available on the right sidebar.

  • Contact Customer Care

Related Articles
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab