Payload Image Cropper

Reference

How It Works

  • Editor selects or uploads media in the crop field.
  • They open the crop modal and define a region for each preset.
  • On save, the field calls POST /api/{mediaCollectionSlug}/generate-crop once per output size.
  • Sharp extracts, resizes, and encodes each crop to the configured format.
  • Files are written to disk or uploaded to S3.
  • Public URLs are saved in generatedUrls.
  • When source media is deleted, associated crop files are removed automatically.