A transformação Radius é uma maneira elegante de suavizar as bordas de suas imagens, aplicando um raio que arredonda os cantos.

Estrutura do Parâmetro

Para aplicar a transformação Radius, a URL deve ser estruturada da seguinte forma:

/radius:[valor]/

/radius:20px/ Para um raio de 20 pixels.

/radius:10p/ Para um raio que corresponde a 10% do tamanho da imagem.

Para aplicar a borda, a URL deve ser formatada da seguinte maneira:

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

Onde valor é o tamanho do raio, que pode ser especificado em pixels (px) ou percentagem (p).

⚠️ O valor do raio deve estar entre 0 e 360, e a unidade deve ser especificada.

Exemplos de Uso

Para arredondar os cantos de uma imagem com um raio de 300 pixels, a URL seria:

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

Para arredondar os cantos de uma imagem com um raio correspondente a 50% do tamanho da imagem, a URL seria:

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