Intervention Request
A customizable Intervention Image wrapper to use image simple re-sampling features over urls and a configurable cache., (*1)
, (*2)
Ready-to-go Docker image
Intervention Request is now available as a standalone Docker server to use with whatever CMS or language you need.
It declares two volumes: one for your images storage and one for cached files., (*3)
-
/var/www/html/web/images: you can set it as read-only to prevent any write operation
-
/var/www/html/web/assets: you must set it as read-write to allow cache files to be written
docker pull ambroisemaupate/intervention-request;
# Make sure to share your volume with READ-ONLY flag
docker run -v "/my/images/folder:/var/www/html/web/images:ro" -p 8080:80/tcp ambroisemaupate/intervention-request;
- Create a
/my/images/folder/your-image.png
- Then try http://localhost:8080/assets/f300x300-s5/images/your-image.png.webp
Garbage collector runs every hour as a crontab job and will purge cache files created more than $IR_GC_TTL seconds ago.
You still can execute it manually using docker compose exec -u www-data intervention bin/intervention gc:launch command., (*4)
Use local file-system or a distant one
InterventionRequest is built on Flysystem library to abstract access to your native images.
Then you can store all your images on an AWS bucket or a Scaleway Object Storage and process them on the fly. Processed images are still
cached on InterventionRequest local storage. This new file system abstraction layer allows multiple InterventionRequest docker
containers to run in parallel but still use the same storage as image backend, or simply detach your media storage logic from
InterventionRequest application., (*5)
InterventionRequest object requires a FileResolverInterface which can be a LocalFileResolver or FlysystemFileResolver, then
FlysystemFileResolver must be provided a League\Flysystem\Filesystem object configured with any Flysystem adapter., (*6)
If you prefer to use ambroisemaupate/intervention-request Docker image, environment variables are available for
AWS adapter only., (*7)
Docker Compose example
version: '3'
services:
intervention:
image: ambroisemaupate/intervention-request:latest
volumes:
# You can store cache in a volume too
#- cache:/var/www/html/web/assets
- ./my/images/folder:/var/www/html/web/images:ro
# You can override some defaults below
environment:
IR_GC_PROBABILITY: 400
IR_GC_TTL: 604800
IR_RESPONSE_TTL: 31557600
IR_USE_FILECHECKSUM: 0
IR_USE_PASSTHROUGH_CACHE: 1
IR_DRIVER: gd
IR_CACHE_PATH: /var/www/html/web/assets
IR_IGNORE_PATH: /assets
IR_DEFAULT_QUALITY: 80
## If using local storage file system
IR_IMAGES_PATH: /var/www/html/web/images
## If using an AWS or Scaleway Object storage file system
IR_AWS_ACCESS_KEY_ID: 'changeme'
IR_AWS_ACCESS_KEY_SECRET: 'changeme'
IR_AWS_ENDPOINT: 'https://s3.fr-par.scw.cloud'
IR_AWS_REGION: 'fr-par'
IR_AWS_BUCKET: 'my-bucket'
IR_AWS_PATH_PREFIX: 'images'
ports:
- 8080:80/tcp
# Uncomment lines below for Traefik usage
#labels:
# - "traefik.enable=true"
# - "traefik.http.services.intervention.loadbalancer.server.scheme=http"
# - "traefik.http.services.intervention.loadbalancer.server.port=80"
# - "traefik.http.services.intervention.loadbalancer.passhostheader=true"
# # Listen HTTP
# - "traefik.http.routers.intervention.entrypoints=http"
# - "traefik.http.routers.intervention.rule=Host(`intervention.test`)"
# - "traefik.http.routers.intervention.service=intervention"
#networks:
# - default
# - frontproxynet
You don’t need to read further if you do not plan to embed this library in your PHP application., (*8)
Install
composer require ambroisemaupate/intervention-request
Intervention Request is based on symfony/http-foundation component for handling
HTTP request, response and basic file operations. It wraps Intervention/image
feature with a simple file cache managing., (*9)
Configuration
Intervention request use a dedicated class to configure your image request
parameters. Before creating InterventionRequest object, you must instantiate
a new AM\InterventionRequest\Configuration object and set cache and images paths., (*10)
$conf->setCachePath(APP_ROOT.'/cache');
$conf->setImagesPath(APP_ROOT.'/images');
This code will create a configuration with cache and images folders in the
same folder as your PHP script (APP_ROOT). Notice that in the default index.php file, images path is defined to /test folder in order to use the testing images. You should always set this path against your website images folder to prevent processing other files., (*11)
You can edit each configuration parameters using their corresponding setters:, (*12)
-
setCaching(true|false): use or not request cache to store generated images on filesystem (default: true);
-
setCachePath(string): image cache folder path;
-
setUsePassThroughCache(true|false): use or not pass-through cache to by-pass PHP processing once image is generated;
-
setDefaultQuality(int): default 90, set the quality amount when user does not specify it;
-
setImagesPath(string): requested images root path;
-
setTtl(integer): cache images time to live for internal garbage collector (default: 1 week);
-
setResponseTtl(integer): image HTTP responses time to live for browser and proxy caches (default: 1 year);
-
setDriver('gd'|'imagick'): choose an available Image Intervention driver;
-
setTimezone(string): PHP timezone to build \DateTime object used for caching. Set it here if you have not set it in your php.ini file;
-
setGcProbability(integer): Garbage collector probability divisor. Garbage collection launch probability is 1/$gcProbability where a probability of 1/1 will launch GC at every request.
-
setUseFileChecksum(true|false): Use file checksum to test if file is different even if its name does not change. This option can be greedy on large files. (default: false).
-
setJpegoptimPath(string): Optional — Tells where jpegoptim binary is for JPEG post-processing (not useful unless you need to stick to 100 quality).
-
setPngquantPath(string): Optional — Tells where pngquant binary is for PNG post-processing. This post-processing tool is highly recommended as PNG won’t be optimized without it.
-
setLossyPng(true|false): Optional — Tells pngquant/pingo binaries to use palette lossy compression (default: false).
Available operations
Fit position
Due to URL rewriting, align filter can only takes one or two letters as a value. When no align filter is specified, center is used:, (*13)
| URL value |
Alignment |
tl |
top-left |
t |
top |
tr |
top-right |
l |
left |
c |
center |
r |
right |
bl |
bottom-left |
b |
bottom |
br |
bottom-right |
Using standalone entry point
An index.php file enables you to use this tool as a standalone app. You can
adjust your configuration to set your native images folder or enable/disable cache., (*14)
Setup it on your webserver root, in a intervention-request folder
and call this url (for example using MAMP/LAMP on your computer with included test images):
http://localhost:8888/intervention-request/?image=images/testPNG.png&fit=100x100, (*15)
Using as a library inside your projects
InterventionRequest class works seamlessly with Symfony Request and Response. It’s
very easy to integrate it in your Symfony controller scheme:, (*16)
use AM\InterventionRequest\Configuration;
use AM\InterventionRequest\InterventionRequest;
use AM\InterventionRequest\LocalFileResolver;
/*
* A test configuration
*/
$conf = new Configuration();
$conf->setCachePath(APP_ROOT.'/cache');
$conf->setImagesPath(APP_ROOT.'/files');
// Comment this line if jpegoptim is not available on your server
$conf->setJpegoptimPath('/usr/local/bin/jpegoptim');
// Comment this line if pngquant is not available on your server
$conf->setPngquantPath('/usr/local/bin/pngquant');
$fileResolver = new LocalFileResolver($conf->getImagesPath());
/*
* InterventionRequest constructor asks 2 objects:
*
* - AM\InterventionRequest\Configuration
* - AM\InterventionRequest\FileResolverInterface
*/
$intRequest = new InterventionRequest($conf, $fileResolver);
// Handle request and process image
$intRequest->handleRequest($request);
// getResponse returns a Symfony\Component\HttpFoundation\Response object
// with image mime-type and data. All you need is to send it!
return $intRequest->getResponse($request);
Use URL rewriting
If you want to use clean URL. You can add ShortUrlExpander class to listen
to shorten URL like: http://localhost:8888/intervention-request/f100x100-g/images/testPNG.png., (*17)
First, add an .htaccess file (or its Nginx equivalent) to activate rewriting:, (*18)
# .htaccess
# Pretty URLs
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [S=40]
RewriteRule . index.php [L]
</IfModule>
Then add these lines to your application before handling InterventionRequest.
ShortUrlExpander will work on your existing $request object., (*19)
use AM\InterventionRequest\ShortUrlExpander;
/*
* Handle short url with Url rewriting
*/
$expander = new ShortUrlExpander($request);
// Enables using /cache in request path to mimic a pass-through file serve.
//$expander->setIgnorePath('/cache');
$params = $expander->parsePathInfo();
if (null !== $params) {
// this will convert rewritten path to request with query params
$expander->injectParamsToRequest($params['queryString'], $params['filename']);
}
Shortcuts
URL shortcuts can be combined using - (dash) character.
For example f100x100-q50-g1-p0 stands for fit=100x100&quality=50&greyscale=1&progressive=0., (*20)
| Query attribute |
Shortcut letter |
| align |
a |
| fit |
f |
| flip |
m |
| crop |
c |
| width |
w |
| height |
h |
| background |
b |
| greyscale |
g |
| blur |
l |
| quality |
q |
| progressive |
p |
| interlace |
i |
| sharpen |
s |
| contrast (only from 0 to 100)
|
k |
| no_process (do not process and load image in memory, allows optimizers)
|
n |
Use pass-through cache
Intervention request can save your images in a public folder to let Apache or Nginx serve them once they’ve been generated. This can reduce time-to-first-byte as PHP is not called any more., (*21)
- Make sure you have configured Apache or Nginx to serve real files before proxying your request to PHP. Otherwise this could lead to file overwriting!
- Pass-through cache is only available if you are using
ShortUrlExpander to mimic a real image path without any query-string.
- Your cache folder must be public (in your document root), so your documents will be visible to anyone. If your images must be protected behind a PHP firewall, you should not activate pass-through cache.
-
Garbage collector won’t be called because cached image won’t be served by your PHP server anymore but Apache or Nginx
- Pass-through cache will save image for the first time at the real path used in your request, make sure it won’t overwrite any application file.
Define your configuration cache path to a public folder:, (*22)
$conf = new Configuration();
$conf->setCachePath(APP_ROOT . '/cache');
$conf->setUsePassThroughCache(true);
Then enable the ShortUrlExpander and ignore your cache path to process only path info after it., (*23)
$expander = new ShortUrlExpander($request);
// Enables using /cache in request path to mimic a pass-through file serve.
$expander->setIgnorePath('/cache');
Convert to webp
Make sure your PHP is compiled with WebP image format., (*24)
Intervention Request can automatically generated webp images by appending .webp to an existing image file., (*25)
Use /image.jpg.webp for /image.jpg file., (*26)
Intervention Request will look for a image file without .webp extension and throw a 404 error if it does not exist., (*27)
Force garbage collection
Using command-line
bin/intervention gc:launch /path/to/my/cache/folder --log /path/to/my/log/file.log
Extend Intervention Request
Intervention Request uses Processors to alter original images. By default, each
available operation is handled by one AbstractProcessor inheriting class (look at
the src/Processor folder)., (*28)
You can create your own Processors and override default ones by injecting an array
to your InterventionRequest object., (*29)
/*
* Handle main image request with a
* custom list of Processors.
*/
$iRequest = new InterventionRequest(
$conf,
$fileResolver,
$log,
[
new Processor\WidenProcessor(),
// add or replace with your own Processors
]
);
Be careful, Processors position in this array is very important, please look at
the default one in InterventionRequest.php class. Resizing processors should be
the first, and quality processors should be the last as image operations will be done
following your processors ordering., (*30)
Add custom event subscribers
You can create custom actions if you need to optimize/alter your images before they get served
using ImageSavedEvent and Symfony event system :, (*31)
Create a class implementing ImageEventSubscriberInterface and, for example, listen to ImageSavedEvent::NAME, (*32)
public static function getSubscribedEvents()
{
return [
ImageSavedEvent::class => 'onImageSaved',
];
}
This event will carry a ImageSavedEvent object with all you need to optimize/alter it.
Then, use $interventionRequest->addSubscriber($yourSubscriber) method to register it., (*33)
Available events
| Event name |
Description |
RequestEvent::class |
Main request handling event which handles quality and image processing and caching. |
ImageBeforeProcessEvent::class |
Before Image is being processed. |
ImageAfterProcessEvent::class |
After Image has been processed. |
ImageSavedEvent::class |
After Image has been saved to filesystem with a physical file-path. This event is only dispatched if caching is enabled.
|
ResponseEvent::class |
After Symfony’s response has been built with image data. (Useful to alter headers) |
Listener examples
-
WatermarkListener will print text on your image
-
KrakenListener will optimize your image file using kraken.io external service
-
TinifyListener will optimize your image file using tinyjpg.com external service
-
JpegTranListener will optimize your image file using local jpegtran binary
Of course, you can build your own listeners and share them with us!, (*34)
If your Intervention-request throws errors like that one:, (*35)
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 5184 bytes).
It’s because you are trying to process a too large image. The solution is too increase your memory_limit
PHP setting over 256M. You can edit this file in your server php.ini file., (*36)
You can use ini_set('memory_limit', '256M'); in your index.php file if your hosting plan
allows you to dynamically change PHP configuration., (*37)
In general, we encourage to always downscale your native images before using them with
Intervention-request. Raw jpeg images coming from your DSLR camera will give your
PHP server a very hard time to process., (*38)
Optimization
jpegoptim
If you have jpegoptim installed on your server, you can add it to your configuration, (*39)
$conf->setJpegoptimPath('/usr/local/bin/jpegoptim');
pngquant
If you have pngquant installed on your server, you can add it to your configuration, (*40)
$conf->setPngquantPath('/usr/local/bin/pngquant');
$conf->setLossyPng(true); // use palette lossy png compression - default: false
oxipng
If you have oxipng installed on your server, you can add it to your configuration, (*41)
$conf->setOxipngPath('/usr/local/bin/oxipng');
pingo
If you have pingo installed on your server and Wine, you can add it to your configuration, (*42)
$conf->setPingoPath('/usr/local/bin/pingo.exe');
$conf->setLossyPng(true); // use palette lossy png compression - default: false
$conf->setNoAlphaPingo(true); // Remove png transparency to compress more - default: false
kraken.io
If you have subscribed to a paid kraken.io plan, you can add the dedicated
KrakenListener to send your resized images over the external service., (*43)
$iRequest->addSubscriber(new \AM\InterventionRequest\Listener\KrakenListener(
'your-api-key',
'your-api-secret',
true,
$log
));
Pay attention, that images will be sent over kraken.io API, it will take some additional time., (*44)
tinyjpg.com
If you have subscribed to a paid tinyjpg.com plan, you can add the dedicated
TinifyListener to send your resized images over the external service., (*45)
$iRequest->addSubscriber(new \AM\InterventionRequest\Listener\TinifyListener(
'your-api-key',
$log
));
Pay attention, that images will be sent over kraken.io API, it will take some additional time., (*46)
jpegtran
If you want to use your system jpegtran or the Mozjpeg one, you can use the JpegTranListener., (*47)
$iRequest->addSubscriber(new \AM\InterventionRequest\Listener\JpegTranListener(
'/usr/local/opt/mozjpeg/bin/jpegtran',
$log
));
Optimization benchmark
With default quality to 90%. \
AVIF conversion only supports custom compiled ImageMagick and only support lossless encoding., (*48)
| Url |
PHP raw |
tinyjpg.com |
Kraken.io + lossy |
jpegoptim |
mozjpeg (jpegtran) |
WebP (90%) |
WebP (85%) |
AVIF (100%) |
| /test/images/testUHD.jpg?width=2300 |
405 kB |
168 kB |
187 kB |
395 kB |
390 kB |
235 kB |
155 kB |
94 kB |
| /test/images/testUHD.jpg?width=1920 |
294 kB |
132 kB |
134 kB |
285 kB |
282 kB |
176 kB |
115 kB |
71 kB |
| /test/images/rhino.jpg?width=1920 |
642 kB |
278 kB |
534 kB |
598 kB |
596 kB |
564 kB |
429 kB |
398 kB |
| /test/images/rhino.jpg?width=1280 |
325 kB |
203 kB |
278 kB |
303 kB |
301 kB |
295 kB |
229 kB |
227 kB |
| Url |
PHP raw |
pngquant |
oxipng |
Kraken.io + lossy |
WebP (100%) |
WebP (85%) |
AVIF (100%) |
| /test/images/testPNG.png |
292 kB |
167 kB |
288 kB |
142 kB |
186 kB |
28 kB |
11.7 kB |
License
Intervention Request is handcrafted by Ambroise Maupate under MIT license., (*49)
Have fun!, (*50)
Testing
Copy index.php to dev.php then launch PHP server command using router.php as router., (*51)
php -S 0.0.0.0:8088 -t web router.php
Then open http://0.0.0.0:8088/dev.php/w300/rhino.jpg in your browser. You should be able to test intervention-request with ShortUrl enabled., (*52)
If you want to test pass-through cache, uncomment dev.php lines 46 and 56 and open http://0.0.0.0:8088/dev.php/cache/w300/rhino.jpg instead. First time request will be serve by PHP (look up at response headers), then following requests will be handled directly by your server (no more Intervention Request headers)., (*53)
Wallogit.com
