Overview | image | Spatie

 SPATIE

  Image
========

spatie.be/open-source

  [Docs](https://spatie.be/docs)  [Image](https://spatie.be/docs/image/v2)  Image-manipulations  Overview

 Version   v3   v2   v1

 Other versions for crawler [v3](https://spatie.be/docs/image/v3) [v2](https://spatie.be/docs/image/v2) [v1](https://spatie.be/docs/image/v1)

- [ Introduction ](https://spatie.be/docs/image/v2/introduction)
- [ Postcardware ](https://spatie.be/docs/image/v2/postcardware)
- [ Installation and setup ](https://spatie.be/docs/image/v2/installation-and-setup)
- [ Questions & issues ](https://spatie.be/docs/image/v2/questions-and-issues)
- [ Changelog ](https://spatie.be/docs/image/v2/changelog)
- [ About us ](https://spatie.be/docs/image/v2/about-us)

Usage
-----

- [ Basic usage ](https://spatie.be/docs/image/v2/usage/basic-usage)
- [ Saving images ](https://spatie.be/docs/image/v2/usage/saving-images)
- [ Retrieving properties ](https://spatie.be/docs/image/v2/usage/retrieving-properties)
- [ Preparing manipulations ](https://spatie.be/docs/image/v2/usage/preparing-manipulations)
- [ Advanced manipulations ](https://spatie.be/docs/image/v2/usage/advanced-manipulations)

Image manipulations
-------------------

- [ Overview ](https://spatie.be/docs/image/v2/image-manipulations/overview)
- [ Resizing images ](https://spatie.be/docs/image/v2/image-manipulations/resizing-images)
- [ Optimizing images ](https://spatie.be/docs/image/v2/image-manipulations/optimizing-images)
- [ Adjustments ](https://spatie.be/docs/image/v2/image-manipulations/adjustments)
- [ Image canvas ](https://spatie.be/docs/image/v2/image-manipulations/image-canvas)
- [ Effects ](https://spatie.be/docs/image/v2/image-manipulations/effects)
- [ Watermarks ](https://spatie.be/docs/image/v2/image-manipulations/watermarks)

      You are viewing the documentation for **an older version** of this package. You can check the version you are using with the following command:

 `                                    composer show spatie/image                                                                                                                                                                                                                                    `

Overview
========

###  On this page

1. [ Resizing images ](#content-resizing-images)
2. [ Optimizing images ](#content-optimizing-images)
3. [ Adjustments ](#content-adjustments)
4. [ Image canvas ](#content-image-canvas)
5. [ Effects ](#content-effects)
6. [ Watermarks ](#content-watermarks)

Resizing images
-----------------------------------------------------------------------------------------------------

- [Width](/image/v1/image-manipulations/resizing-images#width-and-height)
- [Height](/image/v1/image-manipulations/resizing-images#width-and-height)
- [Fit](/image/v1/image-manipulations/resizing-images#fit)
- [Crop](/image/v1/image-manipulations/resizing-images#crop)
- [Device pixel ratio](/image/v1/image-manipulations/resizing-images)

Optimizing images
-----------------------------------------------------------------------------------------------------------

- [Requirements](/image/v1/image-manipulations/optimizing-images#requirements)
- [How To Use](/image/v1/image-manipulations/optimizing-images#how-to-use)
- [Customizing the Optimization](/image/v1/image-manipulations/optimizing-images#customizing-the-optimization)

Adjustments
-----------------------------------------------------------------------------------------

- [Brightness](/image/v1/image-manipulations/adjustments#brightness)
- [Contrast](/image/v1/image-manipulations/adjustments#contrast)
- [Gamma](/image/v1/image-manipulations/adjustments#gamma)

Image canvas
--------------------------------------------------------------------------------------------

- [Background](/image/v1/image-manipulations/image-canvas#background)
- [Border](/image/v1/image-manipulations/image-canvas#border)
- [Orientation](/image/v1/image-manipulations/image-canvas#orientation)
- [Flip](/image/v1/image-manipulations/image-canvas#flip)

Effects
-----------------------------------------------------------------------------

- [Blur](/image/v1/image-manipulations/effects#blur)
- [Pixelate](/image/v1/image-manipulations/effects#pixelate)
- [Greyscale](/image/v1/image-manipulations/effects#greyscale)
- [Sepia](/image/v1/image-manipulations/effects#sepia)
- [Sharpen](/image/v1/image-manipulations/effects#sharpen)

Watermarks
--------------------------------------------------------------------------------------

- [Adding a watermark](/image/v1/image-manipulations/watermarks#watermarks)
- [Watermark opacity](/image/v1/image-manipulations/watermarks#watermark-opacity)
- [Watermark position](/image/v1/image-manipulations/watermarks#watermark-position)
- [Watermark padding](/image/v1/image-manipulations/watermarks#watermark-padding)
- [Watermark size](/image/v1/image-manipulations/watermarks#watermark-size)