How to Create a Cloudinary Image Transformation

Table of Contents

  • Create a Cloudinary Image Transformation
  • Image Uploading
  • Image Transformation Parameters

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

Creating an Image Transformation with Cloudinary

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

Image Uploading

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

Image Width 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

  • Click the Ellipses – Manage.
  • 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
  • Select Transformation.
  • Create a new transformation.
  • Save As: Preset name.
  • Add to presets.

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

    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.

    Next Post