April 6, 2023
Cecil 7.34.0 released
Features
LQIP filter
The Twig filter lqip
returns a Low Quality Image Placeholder (LQIP) as data URL.
{{ asset(image_path)|lqip }}
Example:
{% set photo_full = asset('/photo.jpeg') %}
{% set photo = photo_full|resize(640) %}
<div style="background-image:url({{ photo|lqip }});background-repeat:no-repeat;background-position:center;background-size:cover;">
<a href="{{ url(photo_full) }}">{{ photo|html }}</a>
</div>
Example of progressive loading of images gallery:


Docs
- imgix CDN configuration added
Miscs
- Dependencies updated
- Better image handling
Release notes on GitHub