Apply art direction for a more responsive design

What's art direction?

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.

Applying art direction

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:

1. Customize images in Kontent.ai to create asset renditions.
2. Directly use the image transformation API parameters in your code.

Customize images for art direction in Kontent.ai