cloudinary-build-url

Lighter Url generator for Cloudinary

Usage no npm install needed!

<script type="module">
  import cloudinaryBuildUrl from 'https://cdn.skypack.dev/cloudinary-build-url';
</script>

README

cloudinary-build-url

Netlify Status npm version npm downloads Codecov License

Cloudinary URL Builder(https://cloudinary-build-url.netlify.app)

The lighter URL builder API for Cloudinary with all features in TypeScript.

By default, f_auto (auto format per browser) and q_auto (auto quality per device) are enabled. And all the urls are generated as secured HTTPS format, unless user states otherwise.

📖 Documentation

Installation

yarn add cloudinary-build-url

or

npm i cloudinary-build-url

Use with TypeScript

In order to start using the lib with TypeScript, please install @cld-apis/types as devDependencies.

npm i -D @cld-apis/types

#OR

yarn add -D @cld-apis/types

Usage

Build a delivery url for image

import { buildUrl } from 'cloudinary-build-url'

const src = buildUrl('example', {
  cloud: {
    cloudName: 'demo',
  },
  transformations: {
    resize: {
      type: 'scale',
      width: 500,
      height: 500,
    }
  }
})

console.log(src)

Or

import { setConfig, buildUrl } from 'cloudinary-build-url'

// Set configuration for Cloudinary
setConfig({
  cloudName: 'demo'
})

// Build URL
const src = buildUrl('example', {
  transformations: {
    resize: {
      type: 'scale',
      width: 500,
      height: 500,
    }
  }
})

console.log(src)

Build a delivery URL for video

import { buildVideoUrl } from 'cloudinary-build-url'

const src = buildVideoUrl('dog', {
  cloud: {
    cloudName: 'demo',
  },
  transformations: {
    resize: {
      type: 'scale',
      width: 500,
      height: 500,
    }
  }
})

console.log(src)