Apply art direction for a more responsive design

Jake Kula

8 minutes

Advanced asset management / Image transformation (API)

0% complete

Apart from resizing and optimizing your images to fit smaller dimensions of specific channels, it's also important to ensure your images convey the intended impact by highlighting the most significant visual elements.

As you’ve learned so far, the ability to use a single image and dynamically adjust its size and quality to meet different specifications is an excellent demonstration of reusability. However, resizing and compressing images should not be your sole focus. Art direction offers a valuable opportunity to enhance the significance of your images on the specific channels where they are displayed. By cropping and setting focal points, you can ensure that your images profoundly impact your audience, amplifying their visual appeal. Content creators and marketers wield the power to determine the precise display of an image within a specific piece of content. For instance, imagine you have a large hero image in the Kontent.ai asset library that you wish to repurpose as a smaller teaser image for an article. These article teasers might appear in groups of three, forming a carousel on a website. Apart from resizing and optimizing the image to fit the smaller dimensions, you’ll also want to highlight significant visual elements so that the teaser image conveys the intended impact. This is where you can use a focal-point crop to zero in on the vital parts of the image, crafting a resulting image that highlights a specific section of the original. You have two ways to go about achieving this result:

Customize images in Kontent.ai to create asset renditions

.

Directly use the image transformation API parameters in your code.

You can customize images inserted in asset elements directly in Kontent.ai.The information about how the image is customized is stored in an asset rendition. An asset rendition crops and resizes the image it’s applied to without modifying the original image.In this video, you can see how to steer focus to what’s important in your images by customizing them.

Sign in

What's art direction?

Applying art direction

Customize images for art direction in Kontent.ai

What's art direction?

Applying art direction

Customize images for art direction in Kontent.ai

Sign in with your Kontent.ai credentials or sign up for free to unlock the full lesson, track your progress, and access exclusive expert insights and tips!