How to resize uploaded images to custom sizes

I am also facing the same problem.

My folder structure is the following:

  • my-project (root)
    – extensions
    — upload
    ---- config
    ----- plugins.js

In plugins.js:

module.exports = {
  upload: {
    breakpoints: {
      xlarge: 1920,
      large: 1000,
      medium: 750,
      small: 500,
      xsmall: 64
    }
  }
}

I am not seeing any change on the image size while fetching the data through Graphql (screenshot attach)

Screenshot 2021-04-13 at 08.10.24|690x288

Any help would be greatly appreciated.