Install the new Cloudinary VS Code Extension to bring media asset management directly to your IDE. Browse, search, upload, and reference assets without switching contexts. Learn How
Cloudinary Logo Cloudinary Docs Docs
  • Image & Video APIs
    • Get Started
    • Guides
    • References
    • SDKs
    • Release Notes
  • Assets (DAM)
    • Get Started
    • User Guides
    • Admin Guides
    • Assets APIs
    • Release Notes
  • More Products
    • Integrations Add Cloudinary capabilities to your tech stack apps and platforms
    • MediaFlows Low-code workflow automation for images and videos
    • Cloudinary 3D Content creation and 3D experiences at scale
    • FinalTouch (Early Access) AI-powered virtual photoshoot and image creation for eCommerce
  • Resources
    • Blog
    • Training
    • Support
    • Demos
    • Additional Resources
  • Pricing
AI sparkles Ask AI
Light theme
Dark theme
Device default
sign up for free
  • Get Started
    • Image & Video APIs overview
    • Developer kickstart
      • Step 1: Register and find credentials
      • Step 2: Load pages faster with optimization
      • Step 3: Your first transformations
      • Step 4: Resize transformations
      • Step 5: Set up and run your first SDK project
      • Congrats! You're ready to code!
    • SDK quick starts
    • Try it!
      • Code explorers
      • Feature demos
      • Postman collections
    • MCP servers and LLM tools (Beta)
    • VS Code Extension (Beta)
    • Video tutorial library
      • Programmatic asset management
      • Optimization and delivery
      • Transformations
      • Dev Hints on YouTube
      • Dev Hints en Español
      • Cloudinary Café Training Sessions
    • Additional onboarding resources
      • Service introduction
      • Onboarding FAQ
      • Enterprise onboarding FAQ
      • Migration guide
      • Glossary
  • Guides
    • Cloudinary Image
      • Product overview
      • Image transformations
      • Image optimization and delivery
      • Programmatic image creation
      • Product Gallery widget
      • Media Editor widget
      • Image add-ons
    • Cloudinary Video
      • Product overview
      • Cloudinary Video Player
      • Adaptive bitrate streaming
      • Video transformations
      • Video and audio optimization
      • Video transcription
      • Video analytics
      • Live streaming
      • Video add-ons
      • Video best practices
      • Social media videos
    • Upload
      • Uploading assets
      • Customizing uploads
      • Client-side uploading
      • Upload presets
      • Upload widget
    • Asset management
      • CRUD asset management APIs
      • Media Library for developers
      • Search for assets
      • Eager and incoming transformations
      • Custom metadata
      • Analyze assets
      • Moderate assets
      • Webhook notifications
      • Advanced asset management
      • Add-ons
    • Account management
      • Account settings
      • Product environment settings
      • User provisioning
      • Usage data
      • How are transformations counted?
    • Retail and e-commerce
      • Best practices
      • Visual differentiators
      • Customize and optimize assets
      • Workflows
    • User-generated content
      • Profile picture sample project
      • Video review sample project
      • Marketplace products sample project
      • Try before you buy sample project
    • Accessible media
      • Overview
      • Image accessibility
      • Video and audio accessibility
      • Image and video adaptability
      • Visual and audio clarity
      • Interactive content and controls
    • AI in action
    • Native mobile
    • Add-ons
      • Advanced Facial Attributes Detection
      • Amazon Rekognition AI Moderation
      • Amazon Rekognition Video Moderation
      • Amazon Rekognition Auto Tagging
      • Amazon Rekognition Celebrity Detection
      • Aspose Document Conversion
      • Cloudinary AI Background Removal
      • Cloudinary AI Content Analysis
      • Cloudinary AI Vision
      • Cloudinary Duplicate Image Detection
      • Google AI Video Moderation
      • Google AI Video Transcription
      • Google Auto Tagging
      • Google Automatic Video Tagging
      • Google Translation
      • Imagga Auto Tagging
      • Imagga Crop and Scale
      • Perception Point Malware Detection
      • Microsoft Azure Video Indexer
      • OCR Text Detection and Extraction
      • Pixelz - Remove the Background
      • URL2PNG Website Screenshots
      • VIESUS™ Automatic Image Enhancement
      • WebPurify Image Moderation
  • References
    • Transformation URL API
    • Upload API
    • Admin API
    • Provisioning API
    • Analyze API (Beta)
    • Live streaming API
    • Cloudinary CLI
    • SDK references
      • Transformation Builder reference
      • React SDK reference
      • Vue.js SDK reference
      • JavaScript SDK reference
      • Angular SDK reference
      • PHP SDK reference
      • Go SDK reference
      • Dart SDK reference
      • Flutter SDK reference
    • Postman collections
    • Upload Widget API
    • Product Gallery API
    • Media Editor API
    • Video Player API
    • Media Library Widget API
  • SDKs
    • Backend SDKs
      • Node.js SDK
      • Python SDK
      • PHP SDK
      • Java SDK
      • Ruby/Rails SDK
      • .NET SDK
      • Go SDK
      • Dart SDK
    • Frontend SDKs
      • React SDK
      • Vue.js SDK
      • Angular SDK
      • JavaScript SDK
      • jQuery SDK
      • React SDK (Legacy)
      • Vue.js SDK (Legacy)
      • Angular SDK (Legacy)
      • JavaScript SDK (Legacy)
    • Mobile SDKs
      • iOS SDK
      • Android SDK
      • Flutter SDK
      • React Native SDK
      • Kotlin SDK
    • Community-developed libraries
      • Next.js
      • Astro
      • Laravel
      • NuxtJS
      • Svelte
      • Gatsby
      • Netlify
      • Drupal
  • Release Notes
    • Latest: December 18, 2025
    • October 31, 2025
    • September 3, 2025
    • Previous releases
      • July 09, 2025
      • May 27, 2025
      • 2024
      • 2023
      • 2022
  • Get Started
    • Image & Video APIs overview
    • Developer kickstart
      • Step 1: Register and find credentials
      • Step 2: Load pages faster with optimization
      • Step 3: Your first transformations
      • Step 4: Resize transformations
      • Step 5: Set up and run your first SDK project
      • Congrats! You're ready to code!
    • SDK quick starts
    • Try it!
      • Code explorers
      • Feature demos
      • Postman collections
    • MCP servers and LLM tools (Beta)
    • VS Code Extension (Beta)
    • Video tutorial library
      • Programmatic asset management
        • Programmatic upload
          • Upload programmatically
          • Create upload presets
          • Auto upload
          • Moderate images with AI
          • Use AI to generate image captions
          • Upload images in Flutter
          • Upload images in Node.js
          • Auto-tag images in Node.js
          • Upload multiple files in Node.js
          • Upload videos in Node.js
          • Upload images in Python
          • Auto-tag images in Python
          • Upload videos in Python
          • Upload images in PHP
          • Upload images in Go
          • Upload assets in a React app
          • Upload assets in a Vue.js app
          • Drag-and-drop uploads in React
          • Upload assets in a Next.js app
          • Upload assets with Server Actions
          • Upload assets in Svelte
          • Upload assets in a SvelteKit app
          • Upload assets in a Remix app
          • Upload images in Hono
          • Use webhooks to remove backgrounds
          • Upload images in Laravel
        • Interaction with Cloudinary APIs
          • Generate upload signature
          • Postman collections introduction
        • Cloudinary SDKs
          • Find your credentials
          • Configure the JavaScript SDK
          • Configure the React SDK
          • Configure the Angular SDK
          • Configure the Flutter SDK
          • Configure Svelte Cloudinary
          • Configure the Javascript SDK in Svelte
          • Getting started with Cloudinary in Node.js
          • Configure the Node.js SDK
          • Configure the Python SDK
          • Configure the PHP SDK
          • Configure the Go SDK
          • Configure the Vue.js SDK
          • Configure the Next.js SDK
          • List images in Next.js
          • Lazy load images with Next.js
          • Image fallbacks in JavaScript
          • Captioning on upload with Node.js
          • Delete assets with Node.js
          • Manage images in a Django app
        • Cloudinary CLI
          • Get started with the CLI
          • Scripting with the CLI
          • Get creative with the CLI
          • Upload with the CLI
        • Widgets and tools
          • Upload Widget
          • Product Gallery
          • Product Gallery in React
          • Product Gallery accessibility
          • VS Code extension
      • Optimization and delivery
        • Programmatic optimization
          • Optimization tips
          • Optimize videos in React
          • Transform and optimize images in Svelte
          • Optimize videos in Next.js
          • Optimize Images with Nuxt Cloudinary
          • Optimize Images in SolidJS with Cloudinary
          • Optimize images in Flutter
          • Optimize images in Laravel
        • Programmatic delivery
          • Deliver images with the Next.js Image component
          • Deliver images with the Nuxt Image component
          • Diagnosing error codes
        • Video Player
          • Video Player in React
          • Video Player in Next.js
          • Video Player in HTML
          • Video Player in Svelte
      • Transformations
        • Get started with transformations
          • Transformation basics
          • Transformation Builder
          • Gravity-based crops for images
          • Enhance and restore images
          • Transformation overlays
          • Content-aware image cropping
          • Content-aware video cropping
          • Convert videos to animated images
        • Advanced transformation features
          • Text overlay transformations
          • Complex transformations
          • Named transformations
          • Named transformations using TX Builder
          • Advanced image components
          • Trim videos in Node.js
          • Splice videos in Node.js
          • Zoompan effect
          • Video transformations
          • Crop and resize images in React
          • Crop and resize videos in React
          • Crop and resize images in Python
          • Remove backgrounds and add drop shadows
          • AI generative fill in Next.js
          • Color accessibility in JavaScript
        • Transformations for social media
          • Social media image cards in Next.js
          • Social media image cards in Svelte
      • Dev Hints on YouTube
      • Dev Hints en Español
      • Cloudinary Café Training Sessions
    • Additional onboarding resources
      • Service introduction
      • Onboarding FAQ