Transformation and optimization tutorials
Last updated: Sep-26-2023
This page offers a library of short video tutorials introducing you to image and video transformations and optimizations.
Get started with transformations
Transformation Basics
Learn the basics of a transformation URLOptimization Tips
Tips for delivering optimized imagesGravity Crops for Images
Indicate which areas to keep when croppingContent-aware Video Cropping
Smartly crop a video using content-aware AIVideos to Animated Images
Convert videos to animated image formats on the flyTransformation Overlays
Add transformation overlays to assets on the fly using the Node.js SDKAdvanced transformation features
Text Overlays
Place text on top of your images using the transformation editorComplex Transformations
Combine transformations to generate a 3D canvasNamed Transformations
Simplify & standardize complex delivery URLsNamed Transformations using TX Builder
Create re-usable transformations with the Transformation Builder UIAdvanced Image Components
SDK components to improve your user's experienceTrim Videos in Node.js
Trim videos using the Node.js SDKSplice Videos in Node.js
Splice two videos together using the Node.js SDKZoompan Effect
Apply the Ken Burns effect to zoom and pan on an imageVideo Transformations
Build an e-commerce video showcasing products, in Node.jsOptimize Images with Nuxt
Optimize Images in Nuxt with Nuxt CloudinaryCrop and Resize Videos in React
Crop and resize a video using React with CloudinaryOptimize Videos in React
Optimize delivery of videos in a React appOptimize Videos in Next.js
Optimize delivery of videos in a Next.js appTransform and Optimize Images in Svelte
Transform and optimize images delivered in a Svelte appTransformations for social media
Create Social Media Cards
Dynamically create social media image cards using Next.js
✖️