Image Handling Boy Photograph

Youā€™ve found an amazing image thatā€™s guaranteed to catch the attention of your audience, and now you want to share it. How difficult can it be? Surprisingly tricky, actually. Publishing images across devices and platforms can be far more time-consuming than youā€™d expect.

Increasing the number of places the image is published means changing its format again and again, opening up even more opportunities for optimization mistakes and formatting headaches.

Luckily, Enonic can help. Our image handling tools make it easy to insert, edit and share images across every platform and device.

Where do you use images in a CMS?

There are a number of places you might want to use images in yourĀ CMS:

  • Text editor:Ā Insert a picture wherever you want in the text editor.

  • The metadata: Use metadata to connect an image to a certain part of your site or content.Ā For example, you can use metadata to show the image in search results or your landing page.

  • Image module:Ā You can use your CMS to insert featured images directly into a designated area on your website, helping to showcase them.

Uploading your images to Enonic

Uploading images inĀ EnonicĀ is a breeze. Drop them into the text editor field, the ā€œinsert imageā€ option, or directly into your site structure using the create content dialog.

Inserting an image

Search or browse to find the right images

If your image is already inĀ Enonic, you can search or browse to find it.

Browsing or searching for an image.

Insert images in your content

  1. Ā Choose the aspect ratio and positioning of the image, and add in a caption and alternative text.
  2. Insert the image into your content, whether itā€™s directly in the text editor or in a module on your site.
Inserting an image.

Editing the image

Now that youā€™ve uploaded your image,Ā itā€™s time for the really important partā€”editing it. Cropping, rotating, flipping, and choosing a focal point for your image will ensure that it looks great, no matter the device or platform youā€™re viewing it on.

Edit

Use the editing tool to crop (zoom and pan), rotate, or flip the image.

Image editing.

Focal Point

Choosing a focal point for your image ensures it looks good across your whole site. It means that even if the template on your web page has an image with an 1:1 aspect ratio in one place, and a 16:9 aspect ratio in another, your image will never appear cropped in the wrong place or with a load of blank space on either side.

Focal point.

Image metadata and access rights

Once youā€™ve edited your image and added a focal point, you can also add metadata like alt text, image URL, description, copyright information etc. You can also add access rights to control who sees the image and who can edit it.Ā 

Organizing your images

An organized image library should be a key feature of any CMS, so we make it simple to keep all of your media in order.

Store, save and organize your images

When you upload images in Enonic, theyā€™re stored under each piece of content theyā€™re attached to, or where they were uploaded in the hierarchy.

You can also create folders for your images. Thanks to user access permissions, you can control exactly who can view and edit these folders.

Right click and select ā€˜moveā€™ on the images to arrange them exactly as you wish in the hierarchy.

Read more:Ā How to use Enonic for effective content management Ā»

Advanced image features for developers

Advanced image features give you more control over the appearance of your images. They include:

Scaling functionsĀ to ensure the image fits the given width and height of the designated picture proportions.

FiltersĀ to adjust the appearance of your image, for example by adding borders or grayscale.

UX

Image editing shouldnā€™t be limited to desktop. Thatā€™s why theĀ Enonicā€™s editing tools work on mobile too, thanks to large icons and touchscreen functionality.

Digital experiences rely on incredible visuals. Thatā€™s why weā€™ve made uploading, editing, and formatting them as simple as possible. Our intuitive editing tools not only make it easy to showcase your images, but they ensure your pictures look great wherever theyā€™re seen.

Sign up for trial

First published 20 August 2018, updated 4 August 2022.

Related blog posts

Get some more insights šŸ¤“


Get started with Enonic! šŸš€