Radius

The Radius transformation is an elegant way to soften the edges of your images by applying a radius that rounds the corners.

Parameter structure

To apply the Radius transformation, the URL should be structured as follows:

/radius:[valor]/

/radius:20px/ For a radius of 20 pixels.

/radius:10p/ For a radius corresponding to 10% of the image size.

To apply the border, the URL should be formatted as follows:

https://img.voidr.co/my_project/compress:50px/fetch/:url

Where value is the size of the radius, which can be specified in pixels (px) or percentage (p).

⚠️ The radius value must be between 0 and 360, and the unit must be specified.

Usage example

To round the corners of an image with a radius of 300 pixels, the URL would be:

https://img.voidr.co/my_project/radius:300px/fetch/https://images.unsplash.com/photo-1561336313-0bd5e0b27ec8?debug=true

To round the corners of an image with a radius corresponding to 50% of the image size, the URL would be:

https://img.voidr.co/my_project/radius:50p/fetch/https://images.unsplash.com/photo-1561336313-0bd5e0b27ec8