PHPackages                             umanit/twig-image-extension - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. umanit/twig-image-extension

ActiveLibrary[Templating & Views](/categories/templating)

umanit/twig-image-extension
===========================

An extension to facilitate the integration of responsive images' markup in Twig templates.

2.1.0(1mo ago)1045.0k↓55.9%4[1 issues](https://github.com/umanit/twig-image-extension/issues)MITPHPPHP ^8.4CI failing

Since Apr 14Pushed 1mo ago5 watchersCompare

[ Source](https://github.com/umanit/twig-image-extension)[ Packagist](https://packagist.org/packages/umanit/twig-image-extension)[ RSS](/packages/umanit-twig-image-extension/feed)WikiDiscussions main Synced 2w ago

READMEChangelog (3)Dependencies (8)Versions (29)Used By (0)

UmanIT - Twig Image Extension
=============================

[](#umanit---twig-image-extension)

This Twig extension facilitates the integration of responsive images markup in Twig templates.

It uses [LiipImagineBundle](https://symfony.com/doc/2.0/bundles/LiipImagineBundle/index.html) and its filters to generate HTML markup with all you need to handle responsive images.

Lazy loading relies on the browser-native [`loading="lazy"`](https://developer.mozilla.org/docs/Web/HTML/Element/img#loading)attribute, so no JavaScript library is required. An optional blur-up effect (a small, dependency-free JavaScript module and CSS file) is provided if you want it.

Installation
------------

[](#installation)

Use the package manager [composer](https://getcomposer.org/) to install the extension.

```
composer require umanit/twig-image-extension
```

Load the bundle into your Symfony project.

```