PHPackages                             marshmallow/nova-advanced-image - 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. marshmallow/nova-advanced-image

ActiveLibrary[Image & Media](/categories/media)

marshmallow/nova-advanced-image
===============================

An advanced image field for Nova with crop and resize.

v2.3.3(5mo ago)365.7k↓40.8%9[2 PRs](https://github.com/marshmallow-packages/nova-advanced-image/pulls)3MITVuePHP ^8.0CI passing

Since Nov 26Pushed 1w ago1 watchersCompare

[ Source](https://github.com/marshmallow-packages/nova-advanced-image)[ Packagist](https://packagist.org/packages/marshmallow/nova-advanced-image)[ RSS](/packages/marshmallow-nova-advanced-image/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (10)Dependencies (2)Versions (40)Used By (3)

[![alt text](https://camo.githubusercontent.com/f5450f299f5713ce2f04dd5a1ba7ce9960ed4568b3574e4c4ee3cddc75477253/68747470733a2f2f6d617273686d616c6c6f772e6465762f63646e2f6d656469612f6c6f676f2d7265642d3233377834362e706e67 "marshmallow.")](https://camo.githubusercontent.com/f5450f299f5713ce2f04dd5a1ba7ce9960ed4568b3574e4c4ee3cddc75477253/68747470733a2f2f6d617273686d616c6c6f772e6465762f63646e2f6d656469612f6c6f676f2d7265642d3233377834362e706e67)

Nova Advanced Image Field
=========================

[](#nova-advanced-image-field)

[![Latest Version on Packagist](https://camo.githubusercontent.com/1b91785bf04c6f2367d0e592fb2c4da4e9ec994e2974bed89e8dce293e2bc10f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d617273686d616c6c6f772f6e6f76612d616476616e6365642d696d6167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/marshmallow/nova-advanced-image)[![Tests](https://camo.githubusercontent.com/2a2045746c623954635e01ced6fef84c4b8f13e22c09dd6685879226e95743c6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d617273686d616c6c6f772d7061636b616765732f6e6f76612d616476616e6365642d696d6167652f7068702d73796e7461782d636865636b65722e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/marshmallow-packages/nova-advanced-image/actions/workflows/php-syntax-checker.yml)[![Total Downloads](https://camo.githubusercontent.com/f0fc289177f3a380fc0b04dfc4c5b49916a43ec0cacba138e3fb5bfe5c271e29/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d617273686d616c6c6f772f6e6f76612d616476616e6365642d696d6167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/marshmallow/nova-advanced-image)

An advanced image field for Nova with crop and resize.

This package provides an advanced image field for Nova resources allowing you to upload, crop and resize any image. It uses [Cropper.js](https://fengyuanchen.github.io/cropperjs) with [vue-cropperjs](https://github.com/Agontuk/vue-cropperjs) in the frontend and [Intervention Image](http://image.intervention.io) in the backend.

[![screenshot of the advanced image field](https://raw.githubusercontent.com/marshmallow-packages/nova-advanced-image/main/screenshot.png)](https://raw.githubusercontent.com/marshmallow-packages/nova-advanced-image/main/screenshot.png)

Requirements
------------

[](#requirements)

- PHP `^8.0`
- [Laravel Nova](https://nova.laravel.com) `^4.0` or `^5.0`
- [Intervention Image](http://image.intervention.io) `^3.6`

Intervention Image requires **one of** the following libraries for image processing:

- GD Library >=2.0 (used by default)
- Imagick PHP extension >=6.5.7

See the [Intervention requirements](http://image.intervention.io/getting_started/installation) for more details. The `autoOrientate()` helper additionally requires the PHP `exif` extension to be enabled.

Installation
------------

[](#installation)

Install the package into a Laravel application with Nova using Composer:

```
composer require marshmallow/nova-advanced-image
```

The field service provider is auto-discovered, so there is nothing further to register.

If you want to use Imagick as the default image processing library, follow the [Intervention documentation for Laravel](http://image.intervention.io/getting_started/installation#laravel). This will provide you with a new configuration file where you can specify the driver you want. You can also override the driver per field with `->driver('imagick')`.

Usage
-----

[](#usage)

`AdvancedImage` extends Nova's `Image` field, so you can use any method that `Image`/`File` implements. See the [Nova file field documentation](https://nova.laravel.com/docs/resources/fields#file-field) for the inherited options.

```