{"id":37281,"date":"2025-03-26T07:00:00","date_gmt":"2025-03-26T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=37281"},"modified":"2025-11-27T12:22:50","modified_gmt":"2025-11-27T20:22:50","slug":"experiment-content-faster-dynamic-urls","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/experiment-content-faster-dynamic-urls","title":{"rendered":"Experiment With Content Faster Using Dynamic URLs"},"content":{"rendered":"\n

Optimizing your content brings a wealth of benefits. For newer businesses that haven\u2019t quite nailed down what their audience is looking for, A\/B testing content can be a great way to gain foundational insights to fine-tune your branding, increase engagement, and, of course, make money. So what should you test? Visuals like hero images, banners, and product images can mean all the difference between a click away and a click to purchase. The challenge: creating variations of all your content, at scale, takes a lot <\/em>of time and effort.<\/p>\n\n\n\n

In this blog post, we\u2019ll walk through how Cloudinary\u2019s dynamic URLs can solve that problem. Instead of using multiple complex image and video editing tools, simply add parameters to the image URL to generate limitless variations of your high-quality original images on the fly.<\/p>\n\n\n\n

Cloudinary Dynamic URLs and How They Work<\/h2>\n\n\n\n

Dynamic URLs<\/a> are addresses that enable you to open or load media files while simultaneously editing or transforming them. To put that into context, the link below points to a public image from the Cloudinary Media Library:<\/p>\n\n\n

https:\/\/res.cloudinary.com\/djte4pdpm\/image\/upload\/v1737400983\/cld-sample-4.jpg<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
This is what the original image looks like:<\/p>\n\n\n\n
\"\"\/
A sample image<\/figcaption><\/figure>\n\n\n\n
Now, here\u2019s a link to that same image, but with several dynamic parameters added:<\/p>\n\n\n
https:\/\/res.cloudinary.com\/djte4pdpm\/image\/upload\/400,h_200,c_fill,e_sepia\/v1737400983\/cld-sample-4.jpg<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
This is what the edited image looks like now:<\/p>\n\n\n
\n
\"\"\/
An image transformed with Cloudinary Dynamic URLs<\/figcaption><\/figure><\/div>\n\n\n
That\u2019s it. No need for manual edits in Photoshop or other fancy editing tools.<\/p>\n\n\n\n
Dynamic URLs are relatively easy to structure, but you\u2019ll need to reference the Cloudinary Transformation documentation<\/a> to see all the parameters you can use with them. Every dynamic URL follows a simple structure:<\/p>\n\n\n
<code<\/span>><\/span>https:\/\/res.cloudinary.com\/(cloud_name)\/image\/upload\/(transformation parameters)\/image.jpg<\/code<\/span>><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n\n\n
Here\u2019s what each part of that URL does:<\/p>\n\n\n\n