Responsive images and SVG

Kirby 3 Solved ✅
1

I’m working my way towards creating responsive images using the following guide:

My images are a mix of JPEG, PNG and SVG.

My code is resulting in different sized JPEGs and PNGs and I’m pleased to see that the SVG images are untouched. I’m not ending up with
example-1500x.svg
example-1000x.svg
example-500x.svg

So that’s good news. I presume this is as it should be – that Kirby is clever enough to leave SVG alone?

2

Kirby only resizes these image types by default:

public static array $resizableTypes = [
		'jpg',
		'jpeg',
		'gif',
		'png',
		'webp'
	];
3

Great. Thanks.

Oh, hang on, what about AVIF images?

4

Not yet there. Usually, you would probably not upload AVIF images as source files, I guess.

But you can extend the $resizableTypes array to support avif if needed.

5

Okay, so I can’t by default resize AVIF source files. But Kirby can generate responsive resized AVIF files?

6

I cannot answer that question, because it might depend on the underlying library that does the resizing, either SimpleImage or ImageMagick, so if they support it, Kirby can support it.

7

Got you. That’s great. Thanks