The Great Space Chase: An Interactive Cloudinary Scrollytelling Experience

Interactive demo

Explore image and video transformations.
Quiz for swag

Five questions for swag!
Prize challenge

Edit URLs, validate previews, and submit to enter to win a prize.

I’m just a Cloudicorn, trying to float in space. But I feel kind of heavy! Help me fly!

🧪 Prize challenge lab

Your Challenge: Edit this image's url to create two new tranformations for a chance to win!

Copy this image's URL and paste it into the text areas below to create two new transformations.

Help!

Generating preview…

Help!

Generating preview…

Full name *

Cloudinary cloud name (optional)

Special opportunity to get extra credits for users with existing or new cloud names. Login to your Cloudinary console and paste in the cloud name to be eligible for this credits boost.

Your validated task URLs above are sent with this submission. You must be present at the booth when we draw the winner to win this prize! We do not retain any data from this form after this event.

Cloudinary Transformation Quiz

Test your knowledge!

1. What are the two parameters that are used to optimize image delivery?

a) f_auto / q_auto b) f_png / q_100 c) f_webp / q_manual d) c_auto / f_auto

2. How do you apply a generative colorize transformation to an image?

a) e_recolor b) e_gen_recolor c) e_colorize:ai d) e_tint:generative

3. The scrolly video demo crops to a square with `c_fill`, then uses `r_30`. What does `r_30` do here?

a) Sets the video frame rate to 30 fps b) Rounds the corners of the frame with a 30 pixel radius c) Trims the first 30 seconds from the start of the clip d) Rotates the video by 30 degrees

4. How do you chain multiple URL parameters for transformations in Cloudinary?

a) Using semicolons (e_background_removal;e_brightness:50) b) Using plus signs (e_background_removal+e_brightness:50) c) Using forward slashes (e_background_removal/e_brightness:50) d) Using ampersands (e_background_removal&e_brightness:50)

5. What transformation removes the background from an image?

a) e_remove_bg b) e_background_removal c) e_ai_remove_bg d) e_transparent_bg

⭐

✨

🌟

💫

⭐

✨

🏆 Swag time! 🏆

🎁 🎯 ⭐

Interactive demo

Quiz for swag

Prize challenge