PHPackages                             cita/image-cropper - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. cita/image-cropper

ActiveSilverstripe-vendormodule[Image & Media](/categories/media)

cita/image-cropper
==================

CitaNZ's image cropper for SilverStripe 4

2.0.3(4y ago)04303[10 PRs](https://github.com/CITANZ/image-cropper/pulls)1MITJavaScript

Since Jun 18Pushed 3y ago1 watchersCompare

[ Source](https://github.com/CITANZ/image-cropper)[ Packagist](https://packagist.org/packages/cita/image-cropper)[ Docs](https://github.com/CITANZ/image-cropper)[ RSS](/packages/cita-image-cropper/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (2)Dependencies (1)Versions (14)Used By (1)

CitaNZ's Image Cropper
======================

[](#citanzs-image-cropper)

It's a continious development of Salted Herring's Cropper Field for SilverStripe - 4 ()

### Usage

[](#usage)

1. Install

```
composer require cita/image-cropper

```

2. /dev/build?flush=all
3. Sample code:

    ```
    ...
    use Cita\ImageCropper\Model\CitaCroppableImage;
    use Cita\ImageCropper\Fields\CroppableImageField;
    ...
    private static $has_one = array(
        'Photo'     =>  CitaCroppableImage::class
    );

    public function getCMSFields()
    {
        $fields = parent::getCMSFields();
        ...
        // adding a free cropper
        $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED));

        // adding cropper with ratio
        $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED)->setCropperRatio(16/9));
        ...
        return $fields;
    }
    ```
4. Add image > upload/select > save > edit > do your cropping > save
5. Output

    ```
    $Photo
    $Photo.Cropped
    $Photo.Cropped.SetWidth(100)
    ```

### AWS support

[](#aws-support)

If you are using SS's S3 assets module to store your images, you may also want to add this into your site's config yaml

```
SilverStripe\Admin\LeftAndMain:
  extra_requirements_javascript:
    - 'resources/vendor/cita/image-cropper/client/js/s3-workaround.js'

```

###  Health Score

29

—

LowBetter than 57% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 50% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~50 days

Total

2

Last Release

1790d ago

Major Versions

1.0.0 → 2.0.32021-08-07

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/8662044?v=4)[Leo Chen](/maintainers/leochenftw)[@leochenftw](https://github.com/leochenftw)

---

Top Contributors

[![leochenftw](https://avatars.githubusercontent.com/u/8662044?v=4)](https://github.com/leochenftw "leochenftw (13 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (12 commits)")[![zzdjk6](https://avatars.githubusercontent.com/u/3908516?v=4)](https://github.com/zzdjk6 "zzdjk6 (1 commits)")

---

Tags

cropperjsimage-croppercropper toolsilverstripe image cropper

### Embed Badge

![Health badge](/badges/cita-image-cropper/health.svg)

```
[![Health](https://phpackages.com/badges/cita-image-cropper/health.svg)](https://phpackages.com/packages/cita-image-cropper)
```

###  Alternatives

[silverstripe/cms

The SilverStripe Content Management System

5253.6M1.4k](/packages/silverstripe-cms)[silverstripe/admin

SilverStripe admin interface

262.8M381](/packages/silverstripe-admin)[heyday/silverstripe-responsive-images

Configure and send a series of image size options to the client without loading any resources until a media query can be executed.

5390.0k6](/packages/heyday-silverstripe-responsive-images)[michaeld555/filament-croppie

Croppie Js Implementation Field for Filament forms

123.6k](/packages/michaeld555-filament-croppie)[chrometoaster/silverstripe-image-quality

Adds Quality function to images

1013.3k1](/packages/chrometoaster-silverstripe-image-quality)[dnadesign/silverstripe-lazyloaded-image

Implements the LQIP (Low Quality Image Placeholder) pattern powered by lazysizes

1011.8k4](/packages/dnadesign-silverstripe-lazyloaded-image)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)