Download the PHP package justbetter/statamic-glide-directive without Composer
On this page you can find all versions of the php package justbetter/statamic-glide-directive. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download justbetter/statamic-glide-directive
More information about justbetter/statamic-glide-directive
Files in justbetter/statamic-glide-directive
Package statamic-glide-directive
Short Description Addon that adds a glide blade directive
License
Informations about the package statamic-glide-directive
Statamic glide directive
Blade directive to use glide with images
How to Install
You can search for this addon in the Tools > Addons
section of the Statamic control panel and click install, or run the following command from your project root:
Usage
This package adds a blade directive. You can put a Asset in the blade directive and it will render the image for you defined by the presets in config. A example of the directive with all the options is listed below.
To allow the images to change on resize, add this include to your head in the layouts:
We recommend to generate your presets by using php please assets:generate-presets
.
To combat performance issues we recommend using redis for your queue connection, if you keep this on sync the images will be generated on the fly impacting page load.
When using redis the images will also be made on the fly, while working the jobs on the queue. If an image doesn't have a glide preset ready we will use the original image url for the first page load.
Config
The package has some default config. By default it will use the presets defined in the config of this addon. If you've defined you're asset presets in the Statamic config, that will be used.
Default config:
Placeholder
On pageload a small variant of the image will be loaded, if you don't want this you can disable the placeholder in the config file.
Sources
Configure which sources you would like to use. By default we only use webp sources, it's also possible to only configure sources based on the image mime type or you can make use of both.