Programmable Media

Named transformations using TX Builder (video tutorial)

Last updated: Jul-11-2024

Overview

Named transformations prevent you having to include complex transformation strings in your delivery URLs. Watch this video tutorial to learn how to create re-usable named transformations with the Cloudinary Transformation Builder UI.

Video tutorial


Tutorial contents

This tutorial presents the following topics. Click a timestamp to jump to that part of the video.

Using the same transformations over and over?

Jump to this spot in the video  0:05 If you find yourself using the same transformations repeatedly, you can use named transformations to create a succinct identifier that tells Cloudinary exactly what to do with the asset.

Open the Transformation Builder

Jump to this spot in the video  0:24 To get started, expand the Transformations option in the menu of the Cloudinary Console. From here, select Named Transformations and click Add New to launch the Transformation Builder.

Start adding your transformations

Jump to this spot in the video  0:37 Click the Start Creating button to initiate your new transformation. You can see the available actions, such as the thumbnail action. In this example, it's set to a width and height of 500px, automatic focus and zoom level of 0.5. Click Apply and Close to view the result of that transformation on the preview image.

Save your named transformation

Jump to this spot in the video  1:06 You can continue adding actions to your transformation but if you're happy, click Save as Named Transformation and give your new transformation a name, such as "my-transformation". Click Save Transformation to save it, and you'll see the name appear in the top corner.

Use your named transformation

Jump to this spot in the video  1:23 You can use your new transformation in place of your long transformation string. Remove the existing string from your URL and replace it with t_my-transformation. You should have the same result as chaining all the transformations previously. You can use this now to replicate that same transformation on any asset.

Keep learning

Related topics

If you like this, you might also like...

Transformation Basics
Learn the basics of a transformation URL
Gravity Crops for Images
Indicate which areas to keep when cropping
Complex Transformations
Combine transformations to generate a 3D canvas

 

Cloudinary Academy

 

Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.

 

✔️ Feedback sent!

Rate this page: