Timber Chainsaw — Demo

Providers: Docs Clear cache & regenerate
Source:

Summary

Cells rendered
78
Total generation time
6.67 s
Peak memory
15.43 MB

Responsive

widths 200/400/800

$image->crop(400, 300)->widths(200, 400, 800)
{{ image|crop(400, 300)|widths(200, 400, 800)|render({sizes: '(min-width: 800px) 800px, 100vw'}) }}
myles-tan.jpg
intervention-gd
widths 200/400/800
259.88 ms 14.73 MB
intervention-imagick
widths 200/400/800
294.11 ms 896.7 KB
intervention-vips
widths 200/400/800
177.69 ms 1,006.4 KB
imagine-gd
widths 200/400/800
270.74 ms 14.88 MB
imagine-imagick
widths 200/400/800
677.12 ms 921.9 KB
cloudflare
widths 200/400/800
454.6 µs 448.9 KB
cloudinary
widths 200/400/800
318.1 µs 448.6 KB
imagekit
widths 200/400/800
326.8 µs 448.6 KB
imgix
widths 200/400/800
226.1 µs 448.6 KB
imgproxy
widths 200/400/800
269.2 µs 448.6 KB
thumbor
widths 200/400/800
282.2 µs 448.6 KB
imagor
widths 200/400/800
273.1 µs 448.6 KB
wserv
widths 200/400/800
222.9 µs 448.6 KB

widthsBetween 200-800 step 200

$image->crop(400, 300)->widthsBetween(200, 800, 200)
{{ image|manipulate({crop: [400, 300], widthsBetween: [200, 800, 200]})|render }}
myles-tan.jpg
intervention-gd
widthsBetween 200-800 step 200
95.75 ms 12.60 MB
intervention-imagick
widthsBetween 200-800 step 200
101.93 ms 893.5 KB
intervention-vips
widthsBetween 200-800 step 200
73.84 ms 895.2 KB
imagine-gd
widthsBetween 200-800 step 200
101.49 ms 12.95 MB
imagine-imagick
widthsBetween 200-800 step 200
220.08 ms 893.7 KB
cloudflare
widthsBetween 200-800 step 200
442.0 µs 448.9 KB
cloudinary
widthsBetween 200-800 step 200
284.9 µs 448.6 KB
imagekit
widthsBetween 200-800 step 200
249.8 µs 448.6 KB
imgix
widthsBetween 200-800 step 200
204.6 µs 448.6 KB
imgproxy
widthsBetween 200-800 step 200
269.1 µs 448.6 KB
thumbor
widthsBetween 200-800 step 200
228.2 µs 448.6 KB
imagor
widthsBetween 200-800 step 200
211.0 µs 448.6 KB
wserv
widthsBetween 200-800 step 200
198.3 µs 448.6 KB

dpr 2x

$image->crop(400, 300)->dpr(2)
{{ image|manipulate({crop: [400, 300], dpr: 2})|render }}
myles-tan.jpg → 400×300
intervention-gd
dpr 2x
116.50 ms 14.65 MB
intervention-imagick
dpr 2x
112.23 ms 890.6 KB
intervention-vips
dpr 2x
83.81 ms 963.6 KB
imagine-gd
dpr 2x
123.39 ms 14.88 MB
imagine-imagick
dpr 2x
255.70 ms 890.8 KB
cloudflare
dpr 2x
398.3 µs 448.9 KB
cloudinary
dpr 2x
305.6 µs 448.6 KB
imagekit
dpr 2x
217.4 µs 448.6 KB
imgix
dpr 2x
187.8 µs 448.6 KB
imgproxy
dpr 2x
192.8 µs 448.6 KB
thumbor
dpr 2x
214.2 µs 448.6 KB
imagor
dpr 2x
191.8 µs 448.6 KB
wserv
dpr 2x
175.2 µs 448.6 KB

dpr 1.5x

$image->crop(400, 300)->dpr(1.5)
{{ image|manipulate({crop: [400, 300], dpr: 1.5})|render }}
myles-tan.jpg → 400×300
intervention-gd
dpr 1.5x
95.92 ms 12.60 MB
intervention-imagick
dpr 1.5x
101.72 ms 890.6 KB
intervention-vips
dpr 1.5x
80.81 ms 892.3 KB
imagine-gd
dpr 1.5x
105.61 ms 12.94 MB
imagine-imagick
dpr 1.5x
221.38 ms 890.8 KB
cloudflare
dpr 1.5x
418.7 µs 448.9 KB
cloudinary
dpr 1.5x
254.3 µs 448.6 KB
imagekit
dpr 1.5x
202.2 µs 448.6 KB
imgix
dpr 1.5x
222.0 µs 448.6 KB
imgproxy
dpr 1.5x
233.3 µs 448.6 KB
thumbor
dpr 1.5x
191.9 µs 448.6 KB
imagor
dpr 1.5x
177.8 µs 448.6 KB
wserv
dpr 1.5x
183.4 µs 448.6 KB

densities 1x/2x

$image->crop(400, 300)->densities(1, 2)
{{ image|crop(400, 300)|densities(1, 2)|render }}
myles-tan.jpg
intervention-gd
densities 1x/2x
77.73 ms 11.44 MB
intervention-imagick
densities 1x/2x
92.92 ms 892.9 KB
intervention-vips
densities 1x/2x
52.64 ms 894.6 KB
imagine-gd
densities 1x/2x
82.19 ms 11.57 MB
imagine-imagick
densities 1x/2x
208.91 ms 893.1 KB
cloudflare
densities 1x/2x
469.4 µs 448.9 KB
cloudinary
densities 1x/2x
350.9 µs 448.6 KB
imagekit
densities 1x/2x
261.0 µs 448.6 KB
imgix
densities 1x/2x
221.3 µs 448.6 KB
imgproxy
densities 1x/2x
258.0 µs 448.6 KB
thumbor
densities 1x/2x
235.2 µs 448.6 KB
imagor
densities 1x/2x
220.8 µs 448.6 KB
wserv
densities 1x/2x
209.0 µs 448.6 KB

art direction

Picture::fallback($image->crop(400, 400))
  ->at('(min-width: 768px)', $image->crop(800, 300))
  ->formats(Format::Webp)
{{ image|picture({'(min-width: 768px)': {crop: [800, 300]}}, [enum('Timber\\Chainsaw\\Enum\\Format').Webp])|render }}
myles-tan.jpg
intervention-gd
art direction
359.82 ms 12.56 MB
intervention-imagick
art direction
425.62 ms 895.0 KB
intervention-vips
art direction
329.21 ms 935.0 KB
imagine-gd
art direction
458.68 ms 15.43 MB
imagine-imagick
art direction
995.36 ms 899.9 KB
cloudflare
art direction
835.5 µs 450.0 KB
cloudinary
art direction
526.0 µs 449.7 KB
imagekit
art direction
623.8 µs 449.7 KB
imgix
art direction
507.2 µs 449.7 KB
imgproxy
art direction
505.5 µs 449.7 KB
thumbor
art direction
509.6 µs 449.7 KB
imagor
art direction
487.1 µs 449.7 KB
wserv
art direction
508.8 µs 449.7 KB