Query images with mask corner radius

Hi there,

I’d like to query a cropped version of my picture with bottom corners

My query is as follow

picture {
        alt
        title
        format
        url(imgixParams: {
            w: "252", 
            h:"298",
            fit: "crop", 
            crop: "focalpoint", 
           cornerRadius: "0,0,126,126"
        })
        gatsbyImageData(
          placeholder: BLURRED
        )
      }

It seems the cornerRadius gets encoded and as a result isn’t processed by imagix…

How can I get that right?

The encoding should be fine, but I think you have to add the parameter mask: "corners" for the corner radius to work (per imgix documentation)

Working example (with mask=corners set and corner-radius URL-encoded)

If you don’t include mask=corners parameter, corner-radius gets ignored.

2 Likes