Headless CMS

Image Editor

Edit images quickly and easily right inside Ibexa DXP.
Manage image editing without leaving Ibexa DXP with our user-friendly interface for content creators. 
Enjoy a range of default tools which can be expanded with custom image editing capabilities. 
Boost efficiency by performing simple image edits without additional support from a graphic designer.

Try Image Editor for yourself


 

 

Edit images in a flash

Image Editor was developed to support our customers’ need to perform basic image editing operations on uploaded images in an efficient manner while working on a content item within Ibexa DXP's editing interface.

The tools intuitive, user-friendly interface is designed to speed up the image editing process.

Everyday image editing tasks made easy 

Manage the most common operations including image cropping, image flipping, and determination of a focal point – to ensure optimal display of the image’s primary subject across devices and screen resolutions. 

Image Editor can also be easily expanded with custom image editing capabilities in addition to the default options to suit your specific needs. 

Boost efficiency as a content creator 

The tool is not a replacement for full-scale image editing programs, but it enables users to work more efficiently whenever you need to perform basic edits to an image while creating content in your Ibexa DXP. 

Make simple edits and publish content without unnecessary delays.

image_editor_1_4.png

Forge ahead without design support 

Allowing editors to perform simple image edits without the involvement of graphic designers or colleagues skilled in the use of advanced editing programs, freeing up time and resource.

Image Editor was introduced with Ibexa DXP v3.3 and is available in Ibexa Headless, Ibexa Experience and Ibexa Commerce. 

Image Editor - Frequently Asked Questions

Can I Edit an image inside the DXP?

Yes! Editing options include Flip, Focal Point and Crop. You can also Undo or Redo image edits or reset the image to its original state

How do I Determine a Focal Point in the image to make it look better on the page?

The Focal Point functionality lets you define the main subject of your image; the subject that should be in focus and support responsive design requirements across devices and screen resolutions.

Because the aspect ratio is not the same across all devices, the focal point will not always remain in-frame just by shrinking the image. You need to ensure that the main subject will be displayed regardless of the device used, especially for content where the image is an important part of your storytelling.

When clicking the ‘Show point’ button, Image Editor will display the default focal point, which is placed at the center of the image. Defining the focal point of your choice is simply done by moving the focal point cursor to the subject of the image you want to focus on. You can reset your focal point determination by clicking the red cross symbol.

I’ve edited the image for the page I'm working on. It’s used on other pages. Will it change the image on all pages?

When you are satisfied with your image edits and want to exit Image Editor, your edits are saved by clicking the Save button. Your image will be stored in the image repository in its new, modified state. If the image you have edited is used by more than one content item, a warning message is displayed. You can choose to save the modified image as a new image file (to be used only for the content item you currently edit) or apply the modified image to all the content items in which it is used.

Tell me more about Image cropping

Image cropping can highlight elements in the photograph to better express the intended story or remove distracting elements. Cropping also enables you to ‘zoom in’ on a subject in the image or change the image orientation.

What about flipping images?

This feature is also available natively. Our eyes enter an image frame from the left and elements moving left to right are more comfortable to view. Flipping an image can therefore influence where the eye is drawn and strengthen your storytelling by leading the viewer’s eyes to important elements in the frame and create or intensify emotion.

Image Editor allows you to flip an image either horizontally or vertically. A horizontal flip will result in a mirrored image, while a vertical flip will turn the image upside down.

What cropping formats are available?

The crop option in Image Editor’s toolbar displays the available cropping formats, which include:

1:1 – Square format. The image’s width and height are equal.

3:4 – For every 3 units of width, there are 4 units of height, creating a rectangular portrait shape.

4:3 – For every 4 units of width, there are 3 units of height, creating a rectangular landscape shape.

16:9 – Widescreen format, 78% wider than it is high, e.g., an image sized at 1920 x 1080 pixels.

Custom – Enables you to crop the image as you like, detached from the limitations that a predefined aspect ratio holds.

Discover why our customers love Ibexa DXP

Discover all the different ways our customers are using Ibexa DXP to centralize, simplify, automate and create impressive digital experiences.

Download our free RFI eBook to help you choose the right DXP

In this free and exclusive eBook, we guide you through the process of requesting thr right information for your specific needs with a range of useful templates and information to kick-start and accelerate your digital transformation strategy.

Popular related features

Explore all the additional features available in Ibexa DXP.

Create impactful websites or landing pages that convert, without technical skills, in minutes.
Create and deploy multiple websites at lightning speed and at scale. Industrialize your online presence and optimize the costs and resources needed.
Integrate and Connect Ibexa DXP with more than 1300+ Business apps. Automate your processes, save time and provide better online experiences.