ÃÛ¶¹ÊÓƵ

DocumentationAssets Essentials Guide

Edit images in Assets Essentials edit-images-in-assets-essentials

Last update: Tue Aug 06 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User

The Assets Essentials UI enables basic image editing powered by ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ Express interface Embedded within the Essentials 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 ÃÛ¶¹ÊÓƵ Express.

Edit Images edit-images

Go to Assets Essentials UI, using the link - and selecting the right repository. To receive access, contact your organization’s administrator.
For any additional reference information refer - Get started using ÃÛ¶¹ÊÓƵ Experience Manager Assets Essentials, understanding of the user interface, Assets Essentials use cases and known issues.

Edit Image on Essentials UI using ÃÛ¶¹ÊÓƵ Express edit-images-using-adobe-express

After navigating to Essentials UI, click Assets, select an image, and then click Edit from the top rail. The new screen displays the available editing options powered by ÃÛ¶¹ÊÓƵ 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 Essentials 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 within the Assets Essentials interface, follow the steps below:

  1. Click Resize Image from the left pane. A dialog box displays the resize image capabilities powered by ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ 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-JPEG-to-PNG

You can quickly convert between JPEG and PNG image formats using ÃÛ¶¹ÊÓƵ Express. Execute the following steps:

  1. Click JPEG to PNG or PNG to JPEG from the left pane.
    Convert to PNG with ÃÛ¶¹ÊÓƵ Express
  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 ÃÛ¶¹ÊÓƵ Express embedded editor edit-images-in-adobe-express-embedded-editor

Users with Express entitlement can use the embedded Express editor from within the Assets Essentials UI to edit the content and create new content with GenAI from ÃÛ¶¹ÊÓƵ Firefly easily. 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 within ÃÛ¶¹ÊÓƵ Express embedded editor, follow the steps below:

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

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

  3. Click Open in ÃÛ¶¹ÊÓƵ 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 one or more assets.

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 ÃÛ¶¹ÊÓƵ Express create-new-assets-using-embedded-editor

Assets Essentials enables you to create a new template from scratch using the ÃÛ¶¹ÊÓƵ Express embedded editor. To create a new asset using ÃÛ¶¹ÊÓƵ Express, execute the below steps:

  1. Navigate to My Workspace and click Create within the ÃÛ¶¹ÊÓƵ Express banner that displays within the ÃÛ¶¹ÊÓƵ Express at the top. ÃÛ¶¹ÊÓƵ Express blank canvas displays within the Assets Essentials user interface.
  2. Create your content using . Otherwise, navigate to Your Stuff to modify existing content.
  3. Once you complete the editing, click Save.
  4. Specify the 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 Essentials 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
7f481dbd-d5d0-4232-820e-84b31133bcac