Overview | image | Spatie SPATIE Image ======== spatie.be/open-source [Docs](https://spatie.be/docs) [Image](https://spatie.be/docs/image/v3) 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/v3/introduction) - [ Postcardware ](https://spatie.be/docs/image/v3/postcardware) - [ Installation and setup ](https://spatie.be/docs/image/v3/installation-and-setup) - [ Supported formats ](https://spatie.be/docs/image/v3/formats) - [ Questions & issues ](https://spatie.be/docs/image/v3/questions-and-issues) - [ Changelog ](https://spatie.be/docs/image/v3/changelog) - [ About us ](https://spatie.be/docs/image/v3/about-us) - [ Upgrading ](https://spatie.be/docs/image/v3/upgrading) Usage ----- - [ Basic usage ](https://spatie.be/docs/image/v3/usage/basic-usage) - [ Saving images ](https://spatie.be/docs/image/v3/usage/saving-images) - [ Retrieving properties ](https://spatie.be/docs/image/v3/usage/retrieving-properties) - [ Colors ](https://spatie.be/docs/image/v3/usage/colors) Image manipulations ------------------- - [ Overview ](https://spatie.be/docs/image/v3/image-manipulations/overview) - [ Resizing images ](https://spatie.be/docs/image/v3/image-manipulations/resizing-images) - [ Optimizing images ](https://spatie.be/docs/image/v3/image-manipulations/optimizing-images) - [ Adjustments ](https://spatie.be/docs/image/v3/image-manipulations/adjustments) - [ Image canvas ](https://spatie.be/docs/image/v3/image-manipulations/image-canvas) - [ Effects ](https://spatie.be/docs/image/v3/image-manipulations/effects) - [ Adding a watermark ](https://spatie.be/docs/image/v3/image-manipulations/adding-a-watermark) - [ Adding text ](https://spatie.be/docs/image/v3/image-manipulations/text) 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. [ Adding a watermark ](#content-adding-a-watermark) 7. [ Adding text ](#content-adding-text) 8. [ Saving images ](#content-saving-images) Resizing images ----------------------------------------------------------------------------------------------------- - [Width](/docs/image/v3/image-manipulations/resizing-images#content-width-and-height) - [Height](/docs/image/v3/image-manipulations/resizing-images#content-width-and-height) - [Resize](/docs/image/v3/image-manipulations/resizing-images#content-resize) - [Fit](/docs/image/v3/image-manipulations/resizing-images#content-fit) - [Crop](/docs/image/v3/image-manipulations/resizing-images#content-crop) - [Focal Crop](/docs/image/v3/image-manipulations/resizing-images#content-focal-crop) - [Manual Crop](/docs/image/v3/image-manipulations/resizing-images#content-manual-crop) Optimizing images ----------------------------------------------------------------------------------------------------------- - [Requirements](/docs/image/v3/image-manipulations/optimizing-images#content-requirements) - [How To Use](/docs/image/v3/image-manipulations/optimizing-images#content-how-to-use) - [Customizing the Optimization](/docs/image/v3/image-manipulations/optimizing-images#content-customizing-the-optimization) Adjustments ----------------------------------------------------------------------------------------- - [Brightness](/docs/image/v3/image-manipulations/adjustments#content-brightness) - [Contrast](/docs/image/v3/image-manipulations/adjustments#content-contrast) - [Gamma](/docs/image/v3/image-manipulations/adjustments#content-gamma) - [Colorize](/docs/image/v3/image-manipulations/adjustments#content-colorize) Image canvas -------------------------------------------------------------------------------------------- - [Background](/docs/image/v3/image-manipulations/image-canvas#content-background) - [Border](/docs/image/v3/image-manipulations/image-canvas#content-border) - [Orientation](/docs/image/v3/image-manipulations/image-canvas#content-orientation) - [Flip](/docs/image/v3/image-manipulations/image-canvas#content-flip) Effects ----------------------------------------------------------------------------- - [Blur](/docs/image/v3/image-manipulations/effects#content-blur) - [Pixelate](/docs/image/v3/image-manipulations/effects#content-pixelate) - [Greyscale](/docs/image/v3/image-manipulations/effects#content-greyscale) - [Sepia](/docs/image/v3/image-manipulations/effects#content-sepia) - [Sharpen](/docs/image/v3/image-manipulations/effects#content-sharpen) Adding a watermark -------------------------------------------------------------------------------------------------------------- - [Adding a watermark](/docs/image/v3/image-manipulations/adding-a-watermark) - [Watermark position](/docs/image/v3/image-manipulations/adding-a-watermark#content-watermark-position) - [Watermark padding](/docs/image/v3/image-manipulations/adding-a-watermark#content-watermark-padding) - [Watermark size](/docs/image/v3/image-manipulations/adding-a-watermark#content-watermark-size) - [Watermark opacity](/docs/image/v3/image-manipulations/adding-a-watermark#content-watermark-opacity) Adding text ----------------------------------------------------------------------------------------- - [Adding text](/docs/image/v3/image-manipulations/text) - [Text position](/docs/image/v3/image-manipulations/text#content-text-position) - [Font size](/docs/image/v3/image-manipulations/text#content-font-size) - [Font color](/docs/image/v3/image-manipulations/text#content-font-color) - [Font family](/docs/image/v3/image-manipulations/text#content-font-family) - [Wrapping text](/docs/image/v3/image-manipulations/text#content-wrapping-text) Saving images ----------------------------------------------------------------------------------------------- - [Saving images](/docs/image/v3/usage/saving-images) - [Saving in a different image format](/docs/image/v3/usage/saving-images#content-saving-in-a-different-image-format) - [Changing JPEG quality](/docs/image/v3/usage/saving-images#content-changing-jpeg-quality)