Cecil logo
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 }}

Documentation →

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:

LQIP low quality images
Images are not loaded, only LQIP are visible in background.
Images loaded
Images completely loaded.

Docs

  • imgix CDN configuration added

Miscs

  • Dependencies updated
  • Better image handling
Release notes on GitHub