crashingberries / image-optimizer
Easily optimize images using PHP
Requires
- php: ^7.3|^8.0
- ext-fileinfo: *
- psr/log: ^1.0 | ^2.0 | ^3.0
- symfony/process: ^4.2|^5.0|^6.0
Requires (Dev)
- pestphp/pest: ^1.21
- phpunit/phpunit: ^8.5.21|^9.4.4
- symfony/var-dumper: ^4.2|^5.0|^6.0
README
Easily optimize images using PHP
This package can optimize PNGs, JPGs, SVGs and GIFs by running them through a chain of various image optimization tools. Here's how you can use it:
use Spatie\ImageOptimizer\OptimizerChainFactory; $optimizerChain = OptimizerChainFactory::create(); $optimizerChain->optimize($pathToImage);
The image at $pathToImage
will be overwritten by an optimized version which should be smaller. The package will automatically detect which optimization binaries are installed on your system and use them.
Here are some example conversions that have been done by this package.
Loving Laravel? Then head over to the Laravel specific integration.
Using WordPress? Then try out the WP CLI command.
Support us
We invest a lot of resources into creating best in class open source packages. You can support us by buying one of our paid products.
We highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. You'll find our address on our contact page. We publish all received postcards on our virtual postcard wall.
Installation
You can install the package via composer:
composer require spatie/image-optimizer
Optimization tools
The package will use these optimizers if they are present on your system:
Here's how to install all the optimizers on Ubuntu:
sudo apt-get install jpegoptim sudo apt-get install optipng sudo apt-get install pngquant sudo npm install -g svgo@1.3.2 sudo apt-get install gifsicle sudo apt-get install webp
And here's how to install the binaries on MacOS (using Homebrew):
brew install jpegoptim brew install optipng brew install pngquant npm install -g svgo@1.3.2 brew install gifsicle brew install webp
And here's how to install the binaries on Fedora/RHEL/CentOS:
sudo dnf install epel-release sudo dnf install jpegoptim sudo dnf install optipng sudo dnf install pngquant sudo npm install -g svgo@1.3.2 sudo dnf install gifsicle sudo dnf install libwebp-tools
Which tools will do what?
The package will automatically decide which tools to use on a particular image.
JPGs
JPGs will be made smaller by running them through JpegOptim. These options are used:
-m85
: this will store the image with 85% quality. This setting seems to satisfy Google's Pagespeed compression rules--strip-all
: this strips out all text information such as comments and EXIF data--all-progressive
: this will make sure the resulting image is a progressive one, meaning it can be downloaded using multiple passes of progressively higher details.
PNGs
PNGs will be made smaller by running them through two tools. The first one is Pngquant 2, a lossy PNG compressor. We set no extra options, their defaults are used. After that we run the image through a second one: Optipng. These options are used:
-i0
: this will result in a non-interlaced, progressive scanned image-o2
: this set the optimization level to two (multiple IDAT compression trials)
SVGs
SVGs will be minified by SVGO 1. SVGO's default configuration will be used, with the omission of the cleanupIDs
plugin because that one is known to cause troubles when displaying multiple optimized SVGs on one page.
Please be aware that SVGO can break your svg. You'll find more info on that in this excellent blogpost by Sara Soueidan.
For now, the default configuration used for SVGO is only compatible with SVGO 1.x. To use options compatible with SVGO 2.x, you need to create your own optimization chain.
GIFs
GIFs will be optimized by Gifsicle. These options will be used:
-O3
: this sets the optimization level to Gifsicle's maximum, which produces the slowest but best results
WEBPs
WEBPs will be optimized by Cwebp. These options will be used:
-m 6
for the slowest compression method in order to get the best compression.-pass 10
for maximizing the amount of analysis pass.-mt
multithreading for some speed improvements.-q 90
Quality factor that brings the least noticeable changes.
(Settings are original taken from here)
Usage
This is the default way to use the package:
use Spatie\ImageOptimizer\OptimizerChainFactory; $optimizerChain = OptimizerChainFactory::create(); $optimizerChain->optimize($pathToImage);
The image at $pathToImage
will be overwritten by an optimized version which should be smaller.
The package will automatically detect which optimization binaries are installed on your system and use them.
To keep the original image, you can pass through a second argumentoptimize
:
use Spatie\ImageOptimizer\OptimizerChainFactory; $optimizerChain = OptimizerChainFactory::create(); $optimizerChain->optimize($pathToImage, $pathToOutput);
In that example the package won't touch $pathToImage
and write an optimized version to $pathToOutput
.
Setting a timeout
You can set the maximum of time in seconds that each individual optimizer in a chain can use by calling setTimeout
:
$optimizerChain ->setTimeout(10) ->optimize($pathToImage);
In this example each optimizer in the chain will get a maximum 10 seconds to do it's job.
Creating your own optimization chains
If you want to customize the chain of optimizers you can do so by adding Optimizer
s manually to an OptimizerChain
.
Here's an example where we only want optipng
and jpegoptim
to be used:
use Spatie\ImageOptimizer\OptimizerChain; use Spatie\ImageOptimizer\Optimizers\Jpegoptim; use Spatie\ImageOptimizer\Optimizers\Pngquant; $optimizerChain = (new OptimizerChain) ->addOptimizer(new Jpegoptim([ '--strip-all', '--all-progressive', ])) ->addOptimizer(new Pngquant([ '--force', ]))
Notice that you can pass the options an Optimizer
should use to its constructor.
Writing a custom optimizers
Want to use another command line utility to optimize your images? No problem. Just write your own optimizer. An optimizer is any class that implements the Spatie\ImageOptimizer\Optimizers\Optimizer
interface:
namespace Spatie\ImageOptimizer\Optimizers; use Spatie\ImageOptimizer\Image; interface Optimizer { /** * Returns the name of the binary to be executed. * * @return string */ public function binaryName(): string; /** * Determines if the given image can be handled by the optimizer. * * @param \Spatie\ImageOptimizer\Image $image * * @return bool */ public function canHandle(Image $image): bool; /** * Set the path to the image that should be optimized. * * @param string $imagePath * * @return $this */ public function setImagePath(string $imagePath); /** * Set the options the optimizer should use. * * @param array $options * * @return $this */ public function setOptions(array $options = []); /** * Get the command that should be executed. * * @return string */ public function getCommand(): string; }
If you want to view an example implementation take a look at the existing optimizers shipped with this package.
You can easily add your optimizer by using the addOptimizer
method on an OptimizerChain
.
use Spatie\ImageOptimizer\ImageOptimizerFactory; $optimizerChain = OptimizerChainFactory::create(); $optimizerChain ->addOptimizer(new YourCustomOptimizer()) ->optimize($pathToImage);
Logging the optimization process
By default the package will not throw any errors and just operate silently. To verify what the package is doing you can set a logger:
use Spatie\ImageOptimizer\OptimizerChainFactory; $optimizerChain = OptimizerChainFactory::create(); $optimizerChain ->useLogger(new MyLogger()) ->optimize($pathToImage);
A logger is a class that implements Psr\Log\LoggerInterface
. A good logging library that's fully compliant is Monolog. The package will write to log which Optimizers
are used, which commands are executed and their output.
Example conversions
Here are some real life example conversions done by this package.
png
Original: Photoshop 'Save for web' | PNG-24 with transparency
40 KB
Optimized
16 KB (40%)
jpg
Original: Photoshop 'Save for web' | quality 60, optimized
547 KB
Optimized
525 KB (95%)
credits: Jeff Sheldon, via Unsplash
svg
Original: Illustrator | Web optimized SVG export
26 KB
Optimized
20 KB (76%)
webp
Original: WebPonize
528 KB
Optimized
328 KB (89%)
credits: Jeff Sheldon, via Unsplash
Changelog
Please see CHANGELOG for more information what has changed recently.
Testing
composer test
Contributing
Please see CONTRIBUTING for details.
Security
If you've found a bug regarding security please mail security@spatie.be instead of using the issue tracker.
Postcardware
You're free to use this package (it's MIT-licensed), but if it makes it to your production environment we highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using.
Our address is: Spatie, Kruikstraat 22, 2018 Antwerp, Belgium.
We publish all received postcards on our company website.
Credits
This package has been inspired by psliwa/image-optimizer
Emotional support provided by Joke Forment
License
The MIT License (MIT). Please see License File for more information.