Download the PHP package moritzebeling/kirby-headless-image-transformations without Composer
On this page you can find all versions of the php package moritzebeling/kirby-headless-image-transformations. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download moritzebeling/kirby-headless-image-transformations
More information about moritzebeling/kirby-headless-image-transformations
Files in moritzebeling/kirby-headless-image-transformations
Package kirby-headless-image-transformations
Short Description Kirby plugin for headless image transformations
License MIT
Homepage https://github.com/moritzebeling/kirby-headless-image-transformations
Informations about the package kirby-headless-image-transformations
Kirby Headless Image Transformations
This plugin adds a new route to your Kirby CMS installation that allows you to transform images on the fly. This is useful when you want to let the frontend decide what image size to load:
Schema
Original image
Thumbnail with 640px width and auto height
Cropped thumbnail with 640px width and height
Installation
Or download/clone this repo into site/plugins
of your Kirby project.
URL Query parameters
You can use all options offered by the Kirby thumb()
method:
Usage
This plugin can be helpful if you use Kirby as a Headless CMS and want to decide on your frontend which image size to load or to include in your srcset. You would only need the image id:
Load single size:
Load multiple widths for srcset:
Note that the html code above is just an example and wouln’t work in a vanilla setup, but require some type of templating engine, e.g. Svelte.
Options and security considerations
Whenever a thumbnail is requested for the first time, Kirby will generate it and store it in the media
folder. So whenever a thumb is requested for the first time, it will take a little longer.
This also means that people with bad intentions could exploit this to overwhelm your server and fill up your disk space. In order to prevent this, you should restrict the allowed transformations to only the ones you actually need.
Default settings:
When sticking to the default options, it is only allowed to request thumbs with the specified widths and heights as well as cropping. If you need the other options, you should enable them via your site/config/config.php
file.
You can also set some thumbnail option defaults for Kirby: https://getkirby.com/docs/reference/system/options/thumbs
Development
- Install a fresh Kirby StarterKit
cd site/plugins
git clone
this repo
Roadmap:
- [ ] Discuss if preset images sizes make sense
- [ ] Check if browser caching works as expected
☕️ Support
If you like this plugin, I would be glad if you would invite me for a coffee via PayPal. If you have any ideas for further development or stumble upon any problems, please open an issue or PR. Thank you!
Warranty
This plugin is work in progress and comes without any warranty. Use at your own risk.