Overview | image | Spatie SPATIE Image ======== spatie.be/open-source [Docs](https://spatie.be/docs) [Image](https://spatie.be/docs/image/v1) 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) Overview - [ Introduction ](https://spatie.be/docs/image/v1/introduction) - [ Postcardware ](https://spatie.be/docs/image/v1/postcardware) - [ Installation and setup ](https://spatie.be/docs/image/v1/installation-and-setup) - [ Questions & issues ](https://spatie.be/docs/image/v1/questions-and-issues) - [ Changelog ](https://spatie.be/docs/image/v1/changelog) - [ About us ](https://spatie.be/docs/image/v1/about-us) Usage ----- - [ Basic usage ](https://spatie.be/docs/image/v1/usage/basic-usage) - [ Saving images ](https://spatie.be/docs/image/v1/usage/saving-images) - [ Retrieving properties ](https://spatie.be/docs/image/v1/usage/retrieving-properties) - [ Preparing manipulations ](https://spatie.be/docs/image/v1/usage/preparing-manipulations) - [ Advanced manipulations ](https://spatie.be/docs/image/v1/usage/advanced-manipulations) Image manipulations ------------------- - [ Overview ](https://spatie.be/docs/image/v1/image-manipulations/overview) - [ Resizing images ](https://spatie.be/docs/image/v1/image-manipulations/resizing-images) - [ Optimizing images ](https://spatie.be/docs/image/v1/image-manipulations/optimizing-images) - [ Adjustments ](https://spatie.be/docs/image/v1/image-manipulations/adjustments) - [ Image canvas ](https://spatie.be/docs/image/v1/image-manipulations/image-canvas) - [ Effects ](https://spatie.be/docs/image/v1/image-manipulations/effects) - [ Watermarks ](https://spatie.be/docs/image/v1/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) A good match? ------------- ### What we do best - All things Laravel - Custom frontend components - Building APIs - AI-powered features - Simplifying things - Clean solutions - Integrating services ### Not our cup of tea - WordPress themes - Cutting corners - Free mockups to win a job - "Just execute the briefing" In short: we'd like to be a **substantial part** of your project. [ Get in touch via email ](mailto:info@spatie.be?subject=A%20good%20match%21&body=Tell%20us%20as%20much%20as%20you%20can%20about%0A-%20your%20online%20project%0A-%20your%20planning%0A-%20your%20budget%0A-%20%E2%80%A6%0A%0AAnything%20that%20helps%20us%20to%20start%20straightforward%21)