Cloudflare
Images
Cloudflare Images allows you to set up an image pipeline in minutes. Build a scalable image pipeline to store, resize, optimize and deliver images in a fast and secure manner.
Images you upload to Cloudflare Images are not attached to any domain in your Cloudflare account and you do not need a domain on Cloudflare to use the Cloudflare Images product.
Cloudflare Images allows developers to upload images using different methods, for a wide range of use cases:
How to upload images to Cloudflare
1 - Images Dashboard Upload
Use the dashboard to quickly upload a single image to your Cloudflare Images account.
After the upload finishes, your new image will appear in your list of files.
2 - Direct Creator Upload
The Direct Creator Upload feature in Cloudflare Images lets your users upload images with a one-time upload URL.
By using Direct Creator Upload, you can accept uploads without exposing your API key or token to the client.
It also eliminates the need for an intermediary storage bucket and the storage/egress costs associated with it.
3 - URL Upload
URL upload is used for when you have your images uploaded already in a storage solution on the Internet and you want to deliver those images directly to your website.
This way, Cloudflare will fetch the image directly from the storage solution and store it on Cloudflare's Network.
How to transform images on Cloudflare
Image editing on Cloudflare Images can be done using what we call Variants.
Variants are image transformations that you create and then apply to an image.
For example, imagine that you want to scale this next image down and blur it:
You would have to go to Cloudflare Images > Variants > and create a new Variant. Let's call it "ScaleDownAndBlur".
The next step would be to configure the values that you want. For example, let's place Blur at 50.
Finally, you just go to the image you want to edit with the Variant you created, and you select that Variant. You copy the URL and deliver it to your website.
The result would be this one:
Flexible Variants
Flexible Variants allow you to make changes to your images on the fly, by changing the parameters of the changes you want to do, within the URL of the image you want to deliver.
<img src="https://imagedelivery.net/<ACCOUNT_HASH>/<IMAGE_ID>/brightness=0.5">With Flexible Variants, you have additional options to transform your images, such as brightness, resizing, background color, image borders, contrast and many others.
Also, it makes it easier to automate the process of preparing your images to be displayed on your website.