bvtterfly / lio
Easily optimize images using Laravel
Fund package maintenance!
bvtterfly
Requires
- php: ^8.0
- ext-fileinfo: *
- guzzlehttp/guzzle: ^7.4
- illuminate/contracts: ^9.0
- spatie/laravel-package-tools: ^1.9.2
- spatie/temporary-directory: ^2.0
Requires (Dev)
- nunomaduro/collision: ^6.0
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^7.0
- pestphp/pest: ^1.21
- pestphp/pest-plugin-laravel: ^1.1
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
- phpunit/phpunit: ^9.5
- spatie/laravel-ray: ^1.26
- dev-main
- 2.0.1
- 2.0.0
- 1.0.0
- 0.2.1
- 0.2.0
- 0.1.1
- 0.1.0
- dev-dependabot/github_actions/aglipanci/laravel-pint-action-2.3.1
- dev-dependabot/github_actions/actions/setup-node-4
- dev-dependabot/github_actions/stefanzweifel/git-auto-commit-action-5
- dev-dependabot/github_actions/actions/checkout-4
- dev-dependabot/github_actions/ramsey/composer-install-2
This package is auto-updated.
Last update: 2024-03-05 14:43:25 UTC
README
🚨 THIS PACKAGE HAS BEEN ABANDONED 🚨
I no longer use Laravel and cannot justify the time needed to maintain this package. That's why I have chosen to abandon it. Feel free to fork my code and maintain your own copy.
Easily optimize images using Laravel
Lio can optimize PNGs, JPGs, SVGs, and GIFs by running them through a chain of various image optimization tools.
This package is heavily based on Spatie
's spatie/image-optimizer
and spatie/laravel-image-optimizer
packages and can optimize local images like them.
In addition, It optimizes images stored on the Laravel filesystem disks.
Here's how you can use it:
use Bvtterfly\Lio\Facades\ImageOptimizer; // The image from your configured filesystem disk will be downloaded, optimized, and uploaded to the output path in ImageOptimizer::optimize($pathToImage, $pathToOptimizedImage); // The local image will be replaced with an optimized version which should be smaller ImageOptimizer::optimizeLocal($pathToImage); // if you use a second parameter the package will not modify the original ImageOptimizer::optimizeLocal($pathToImage, $pathToOptimizedImage);
If you don't like facades, just resolve a configured instance of Bvtterfly\Lio\OptimizerChain
out of the container:
use Bvtterfly\Lio\OptimizerChain; app(OptimizerChain::class)->optimize($pathToImage, $pathToOptimizedImage);
Installation
You can install the package via composer:
composer require bvtterfly/lio
The package will automatically register itself.
The package uses a bunch of binaries to optimize images. To learn which ones on how to install them, head over to the image optimization tools section.
The package comes with some sane defaults to optimize images. You can modify that configuration by publishing the config file.
php artisan vendor:publish --tag="lio-config"
This is the contents of the published config file:
use Bvtterfly\Lio\Optimizers\Cwebp; use Bvtterfly\Lio\Optimizers\Gifsicle; use Bvtterfly\Lio\Optimizers\Jpegoptim; use Bvtterfly\Lio\Optimizers\Optipng; use Bvtterfly\Lio\Optimizers\Pngquant; use Bvtterfly\Lio\Optimizers\ReSmushOptimizer; use Bvtterfly\Lio\Optimizers\Svgo; use Bvtterfly\Lio\Optimizers\Svgo2; return [ /* * If set to `default` it uses your default filesystem disk. * You can set it to any filesystem disks configured in your application. */ 'disk' => 'default', /* * If set to `true` all output of the optimizer binaries will be appended to the default log channel. * You can also set this to a class that implements `Psr\Log\LoggerInterface` * or any log channels you configured in your application. */ 'log_optimizer_activity' => false, /* * Optimizers are responsible for optimizing your image */ 'optimizers' => [ Jpegoptim::class => [ '--max=85', '--strip-all', '--all-progressive', ], Pngquant::class => [ '--quality=85', '--force', '--skip-if-larger', ], Optipng::class => [ '-i0', '-o2', '-quiet', ], Svgo2::class => [], Gifsicle::class => [ '-b', '-O3', ], Cwebp::class => [ '-m 6', '-pass 10', '-mt', '-q 80', ], // Svgo::class => [ // '--disable={cleanupIDs,removeViewBox}', // ], // ReSmushOptimizer::class => [ // 'quality' => 92, // 'retry' => 3, // 'mime' => [ // 'image/png', // 'image/jpeg', // 'image/gif', // 'image/bmp', // 'image/tiff', // ], // // 'exif' => false, // // ], ], /* * The maximum time in seconds each optimizer is allowed to run separately. */ 'timeout' => 60, /* * The directories where your binaries are stored. * Only use this when your binaries are not accessible in the global environment. */ 'binaries_path' => [ 'jpegoptim' => '', 'optipng' => '', 'pngquant' => '', 'svgo' => '', 'gifsicle' => '', 'cwebp' => '', ], /* * The directory where the temporary files will be stored. */ 'temporary_directory' => storage_path('app/temp'), ];
Command-Line 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@2.8.x 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@2.8.x 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@2.8.x sudo dnf install gifsicle sudo dnf install libwebp-tools
If You can't install and use above optimizers, You can still optimize your images using reSmush Optimizer.
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 2. 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.
The default SVGO optimizer (Svgo2
) is only compatible with SVGO 2.x
. For custom SVGO configuration, you must create your configuration file and pass its path to the config array:
Svgo2::class => [ 'path' => '/path/to/your/svgo/config.js' ]
If you installed SVGO 1.x
and can't upgrade to 2.x
, You can uncomment the Svgo
optimizer in the config file:
Svgo::class => [ '--disable={cleanupIDs,removeViewBox}', ], // Svgo2::class => [],
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)
Set Binary Path
If your binaries are not accessible in the global environment, You can set them using binaries_path
option in the config file.
reSmush Optimizer
When you can't install command-line optimizer tools, you can comment them on the config file to disable them and uncomment the reSumsh optimizer to enable it. reSmush provides a free API for optimizing images. However, it can only optimize up to 5MB of PNG, JPG, GIF, BMP, and TIF images.
Usage
You can resolve a configured instance of Bvtterfly\Lio\OptimizerChain
out of the container:
use Bvtterfly\Lio\OptimizerChain; app(OptimizerChain::class)->optimize($pathToImage, $pathToOptimizedImage);
or using facade:
use Bvtterfly\Lio\Facades\ImageOptimizer; // The image from your configured filesystem disk will be downloaded, optimized, and uploaded to the output path in ImageOptimizer::optimize($pathToImage, $pathToOptimizedImage);
if your files are local you can using optimizeLocal
method:
use Bvtterfly\Lio\Facades\ImageOptimizer; // The local image will be replaced with an optimized version which should be smaller ImageOptimizer::optimizeLocal($pathToImage); // if you use a second parameter the package will not modify the original ImageOptimizer::optimizeLocal($pathToImage, $pathToOptimizedImage);
Using the middleware
If you want to optimize all uploaded images in requests to route automatically, You can use the OptimizeUploadedImages
middleware.
Route::middleware(OptimizeUploadedImages::class)->group(function () { // all images will be optimized automatically Route::post('images', 'ImageController@store'); });
Writing a custom optimizers
You may want to write your own optimizer to optimize your images via other utilities. An optimizer is any class that implements the Bvtterfly\Lio\Contracts\Optimizer
interface:
use Psr\Log\LoggerInterface; interface Optimizer { /** * Determines if the given image can be handled by the optimizer. * * @param Image $image * * @return bool */ public function canHandle(Image $image): bool; /** * Sets the path to the image that should be optimized. * * @param string $imagePath * * @return Optimizer */ public function setImagePath(string $imagePath): self; /** * Sets the logger for logging optimization process. * * @param LoggerInterface $logger * * @return Optimizer */ public function setLogger(LoggerInterface $logger): self; /** * Sets the amount of seconds optimizer may use. * * @param int $timeout * * @return Optimizer */ public function setTimeout(int $timeout): self; /** * Runs the optimizer. * * @return void */ public function run(): void; }
If you want to view an example implementation take a look at the existing optimizers shipped with this package.
You can add the fully qualified classname of your optimizer as a key in the optimizers
array in the config file.
Testing
composer test
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Credits
License
The MIT License (MIT). Please see License File for more information.