Cloudinary Tutorials

How to Create a Cloudinary Image Transformation

How to create a Cloudinary Image Transformation: Create a Cloudinary Transformation in this step-by-step tutorial and learn how to create a new transformation preset.

This tutorial was created by Neil Humphrey & Pamela Peña.

Table of Contents

How to create a Cloudinary image Transformation.

Create a Cloudinary Image Transformation

Learn how to mold and manipulate the design of your images using parameters to create your own unique design system.

Image Uploading

  1. Login to your Cloudinary Dashboard.
  2. Select Media Library.
  3. Click Upload Button.

Image Transformation Parameters:

Use these parameters to manipulate your image in a single upload.

  • Width
  • Height
  • Crop
  • Aspect Ratio
  • Gravity
  • Zoom
  • X-axis
  • Y-axis
  • Format
  • Fetch Format
  • Quality
  • Radius
  • Angle
  • Effect
  • Opacity
  • Border
  • Overlay
  • Underlay
  • Default Image
  • Delay
  • Color Space
  • DPR (Direct Aspect Ratio)
  • Page
  • Density
  • Flags
  • Raw Transformation
  • Transformation
  • Arithmetic Operators
  • If
  • Variable

Image Presets & Manipulation

https://res.cloudinary.com/omaha-code/image/upload/t_cloud/v1564551783/rocket-3122690-pdf.jpg

  1. Click the Ellipses – Manage.
  2. For our example we are creating a preset for an article on LinkedIn, and we will only edit some basic image features:
    • Size: 1200Wx675L
    • Scale: Artistic Filter
    • Filter: Frost
    • Change the aspect Ratio: 16:9
    • DPR (device Pixel Ratio): 2.0 Pixel
  3. Select Transformation.
  4. Create a new transformation.
  5. Save As: Preset name.
  6. Add to presets.

 

Image Uploading

  1. Select Media Library.
  2. Choose New Preset.
  3. Copy URL Paper Clip or download it.
Image Manipulation.

Cloudinary Media Developer Expert

Cloudinary MDEs will receive prioritized access to the Cloudinary platform, products and internal resources, as well as training opportunities and community events.

Certified MDEs will also play an important role in contributing to the broader developer network across the media management ecosystem through a variety of efforts including open-source projects, hackathons, meetups, conferences, workshops, content opportunities and more.

More Cloudinary Tutorials

Learn how to use Cloudinary from a trained Media Developer Expert.

 

Pamela Peña

Advisor at Carson Wealth since 2014.

Reach Out

Neil Humphrey

Lifelong learner and Software Engineer.

Reach Out

This post was last modified on August 15, 2019 10:23 pm

Share
omahacode

Founder of Omaha Code.

Recent Posts

Ozoon

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago

faces

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago

Floroom

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago

blue mood

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago

buro

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago

Feelings

Lorem ipsum dolor sit amet, consectet adipiscing elit,sed do eiusm por incididunt ut labore et dolore… Read More

3 years ago