Manipulate Unsplash Images On The Fly Via URL

July 14, 2020 by Andreas Wik

Kitchen and restaurant

Unsplash keeps surprising me with their features. I just found out that you can actually manipulate images directly via the URL since they are running imgix.

 

Let’s say I want to manipulate this image for example:

https://images.unsplash.com/photo-1473106328154-ae21d6ff7836

Kitchen and restaurant

 

I can just add my settings as query string parameters at the end of the URL.

To change the contrast and vibrance I just add on my values like so: ?vib=100&con=35

https://images.unsplash.com/photo-1473106328154-ae21d6ff7836?vib=100&con=35

Kitchen and restaurant, vibrance and contrast manipulated

 

Then blend it with a hex color:

https://images.unsplash.com/photo-1473106328154-ae21d6ff7836?vib=100&con=35&blend=efec00

 

I could also just blur it:

https://images.unsplash.com/photo-1473106328154-ae21d6ff7836?blur=123

 

This is so much fun!

Check out the docs for all available settings!

Also, check out: Generate Random Images From Unsplash

 

Share this article

Recommended articles