This tutorial was created by Neil Humphrey & Pamela Peña.
Table of Contents
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
- Login to your Cloudinary Dashboard.
- Select Media Library.
- 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
- 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.
Image Uploading
- Select Media Library.
- Choose New Preset.
- 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.
More Cloudinary Tutorials
Learn how to use Cloudinary from a trained Media Developer Expert.
- Create a free CDN with Cloudinary.
- Create a Linkedin Banner.
- Speed up your WordPress Site with Cloudinary.
