All Projects → peterpme → cloudinary-microurl

peterpme / cloudinary-microurl

Licence: MIT license
A tiny (346B), 0 dependency, fully-tested Cloudinary URL generator for JS

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to cloudinary-microurl

awesome-cloudinary
📔 📚 A curated list of awesome resources : books, videos, articles about getting started and using Cloudinary (A comprehensive cloud-based image and video management platform)
Stars: ✭ 60 (+328.57%)
Mutual labels:  cloudinary
cloudinary-api
Shorter and lighter APIs for Cloudinary
Stars: ✭ 41 (+192.86%)
Mutual labels:  cloudinary
HumanResources
Account Registration and Confirmation. Exception Handling. Caching with Redis.Mail sender by Apache Kafka.Notification send with RabbitMq.
Stars: ✭ 19 (+35.71%)
Mutual labels:  cloudinary
ghost-on-heroku
One-button Heroku deploy for the Ghost 3.2.0 blogging platform.
Stars: ✭ 232 (+1557.14%)
Mutual labels:  cloudinary
ghost-storage-cloudinary
🚀 A fully-featured and deeply tested Cloudinary Ghost storage adapter
Stars: ✭ 49 (+250%)
Mutual labels:  cloudinary
cloudinary-module
Integration of Cloudinary to Nuxt.js
Stars: ✭ 129 (+821.43%)
Mutual labels:  cloudinary
nicolas-hoizey.com
The personal website/blog from Nicolas Hoizey, built with https://pack11ty.dev/
Stars: ✭ 77 (+450%)
Mutual labels:  cloudinary
flutter and cloudinary
How to build Photo Diary App using Flutter and Cloudinary
Stars: ✭ 17 (+21.43%)
Mutual labels:  cloudinary
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+1478.57%)
Mutual labels:  cloudinary
video-to-markdown
How to embed a video in markdown? Here the answer. Add videos to your markdown files easier.
Stars: ✭ 159 (+1035.71%)
Mutual labels:  cloudinary
uploading-files-react-node
Uploading files with React.js and Node.js
Stars: ✭ 33 (+135.71%)
Mutual labels:  cloudinary
nodejs-guitarstore
A Guitar WebStore using Nodejs Mongodb and Javascript Technologies
Stars: ✭ 19 (+35.71%)
Mutual labels:  cloudinary
axiom
Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw
Stars: ✭ 67 (+378.57%)
Mutual labels:  cloudinary
hrms-backend
⚙ Multi-Tier Architecture Human Resource Management System with Java
Stars: ✭ 32 (+128.57%)
Mutual labels:  cloudinary
cloudinary-tiny-js
A much smaller alternative to cloudinary-core for client side image transformations
Stars: ✭ 29 (+107.14%)
Mutual labels:  cloudinary
shodipoayomide.com
🔥 🚀 Personal Blog by Shodipo Ayomide. Currently writing on things around Developer Advocacy, Software Engineering, and IOT
Stars: ✭ 89 (+535.71%)
Mutual labels:  cloudinary
mesan-nodejs-auth-crud-api
NodeJS Authentication and CRUD operations API -: Email Verification, Image Upload, Password Reset
Stars: ✭ 72 (+414.29%)
Mutual labels:  cloudinary
svelte-cloudinary
Cloudinary SDK for Svelte
Stars: ✭ 13 (-7.14%)
Mutual labels:  cloudinary
hackodisha-web
Website for Hackodisha organized on the eve of diamond jubilee celebration of NIT Rourkela
Stars: ✭ 27 (+92.86%)
Mutual labels:  cloudinary
shrine-cloudinary
Cloudinary storage for Shrine
Stars: ✭ 23 (+64.29%)
Mutual labels:  cloudinary

Cloudinary MicroURL

🗜 Cloudinary Micro URLnpm travis

A tiny (346B), 0 dependency, fully-tested library to generate Cloudinary URLs from an options object.

The official Cloudinary js library is ~600kb. This saves you 1700%. If this were a crypto coin, you wouldn't be here, would you?

Installation

yarn add cloudinary-microurl
npm install cloudinary-microurl

Usage

const cloudinaryUrl = require('cloudinary-microurl')
const url = cloudinaryUrl('twitter.jpg', {
  secure: true,
  cloud_name: 'demo',
  gravity: 'face',
  flags: 'progressive',
  quality: 80
})

const img = new Image();
img.src = url

Supported Features

This library supports the following Cloudinary features:

  • Fetch format
  • Crop
  • Effect
  • Flags
  • Gravity
  • Height
  • Radius
  • Quality
  • Width
  • Dpr

Here's what they look like in code:

fetch_format: "f",
crop: "c",
effect: "e",
flags: "fl",
gravity: "g",
height: "h",
radius: "r",
quality: "q",
width: "w",
dpr: "dpr"

Fetch mode

Set {source: 'fetch'} to activate cloundinary fetch mode. You need to enable it in the security options. The image name should be a full URL.

Contributions

If there's an effect thats missing, create an Issue or an PR. It's SUPER EASY!

Thanks to the original author

This library was originally created by josephg

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].