PHPackages                             novactive/ezresponsiveimagesbundle - 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. [Utility & Helpers](/categories/utility)
4. /
5. novactive/ezresponsiveimagesbundle

AbandonedLibrary[Utility & Helpers](/categories/utility)

novactive/ezresponsiveimagesbundle
==================================

Novactive eZ Responsive Images is a lightweight bundle for Responsive Images management.

1.0.0(5y ago)53602MITPHPPHP ^7.3

Since Aug 25Pushed 4mo ago10 watchersCompare

[ Source](https://github.com/Novactive/NovaeZResponsiveImagesBundle)[ Packagist](https://packagist.org/packages/novactive/ezresponsiveimagesbundle)[ Docs](https://github.com/Novactive/NovaeZResponsiveImagesBundle)[ RSS](/packages/novactive-ezresponsiveimagesbundle/feed)WikiDiscussions master Synced yesterday

READMEChangelog (1)DependenciesVersions (4)Used By (0)

Novactive eZ Responsive Images Bundle
=====================================

[](#novactive-ez-responsive-images-bundle)

---

This repository is what we call a "subtree split": a read-only copy of one directory of the main repository. It is used by Composer to allow developers to depend on specific bundles.

If you want to report or contribute, you should instead open your issue on the main repository:

Documentation is available in this repository via `.md` files but also packaged here:

---

[![Downloads](https://camo.githubusercontent.com/5b5731b9b5e7dc8776f48caeb4ded0709ddac5396744823ca4cdb663c5451f60/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6e6f766163746976652f657a726573706f6e73697665696d6167657362756e646c652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/novactive/ezresponsiveimagesbundle)[![Latest version](https://camo.githubusercontent.com/3632baab861649d4b9479890622d3eaad93ccd0f34865d5de24e3198f2e9a820/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f4e6f766163746976652f4e6f7661655a526573706f6e73697665496d6167657342756e646c652e7376673f7374796c653d666c61742d737175617265)](https://github.com/Novactive/NovaeZResponsiveImagesBundle/releases)[![License](https://camo.githubusercontent.com/db77cebc1cdd6316642510d2bfae5945d9d651ec6e4bf32d7b7595ff7ba15baf/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6e6f766163746976652f657a726573706f6e73697665696d6167657362756e646c652e7376673f7374796c653d666c61742d737175617265)](LICENSE)

Novactive eZ Responsive Images is a lightweight eZ Publish 5.x|6.x bundle for Responsive Images management.

Install
-------

[](#install)

### Usage and main feature

[](#usage-and-main-feature)

Add the lib to your composer.json, run `composer require novactive/ezresponsiveimagesbundle` to refresh dependencies.

By default this bundle will use [picturefill](https://github.com/scottjehl/picturefill) to load the good version of the your variations.

You can also decide to lazy load the images, in this case the bundle uses [unveil.js](https://github.com/luis-almeida/unveil) to load the good version of the variation alias name.

Today it handles 3 versions:

- Mobile: viewport width < 640px
- Desktop: default choice
- Retina: devicePixelRatio > 1,

Then it is really interesting to understand that only the good version will be loaded in the browser. The Lazy loading is based on the view port too, if an image is not visible on the screen it will be pre-loaded and loaded on the scroll action.

It means:

- it reduces drastically the size and the load time of the page by not loading the non visible images
- when an image is loaded, it ensures that is the adapted one.

```
        {{ ez_render_field(content, 'image', {
            parameters: {
                alias: 'blog_post_line_home',
                class: 'img-responsive img-rounded',
                unveiled: true,
            }
        }) }}
```

> Unveiled means "Lazy Loading"

> Read below, you will need 2 more aliases for each current alias that you have.

### Use Composer

[](#use-composer)

Add the lib to your composer.json, run `composer require novactive/ezprotectedcontentbundle` to refresh dependencies.

Then inject the bundle in the `bundles.php` of your application.

```
    Novactive\Bundle\eZResponsiveImagesBundle\NovaeZResponsiveImagesBundle::class => [ 'all'=> true ],
```

### Create the \_mobile and \_retina Alias Names

[](#create-the-_mobile-and-_retina-alias-names)

The bundle requires that you create 2 more alias for each alias you are using. Ex:

```
    gallery_full_thumbnail:
        reference: ~
        filters:
            - { name: geometry/scaledownonly, params: [354, 224] }

    gallery_full_thumbnail_mobile:
        reference: gallery_full_thumbnail
        filters:
            - { name: geometry/scalewidthdownonly, params: [175] }

    gallery_full_thumbnail_retina:
        reference: ~
        filters:
            - { name: geometry/scaledownonly, params: [708, 448] }
```

### Load the resources in your pagelayout

[](#load-the-resources-in-your-pagelayout)

```

        ...
        {% include 'NovaeZResponsiveImagesBundle::novaezresponsiveimages.html.twig' %}

```

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance51

Moderate activity, may be stable

Popularity18

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2135d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/313532?v=4)[Sébastien Morel](/maintainers/Plopix)[@Plopix](https://github.com/Plopix)

---

Top Contributors

[![Plopix](https://avatars.githubusercontent.com/u/313532?v=4)](https://github.com/Plopix "Plopix (12 commits)")

---

Tags

ezpublishnovactiveezplatformezstudio

### Embed Badge

![Health badge](/badges/novactive-ezresponsiveimagesbundle/health.svg)

```
[![Health](https://phpackages.com/badges/novactive-ezresponsiveimagesbundle/health.svg)](https://phpackages.com/packages/novactive-ezresponsiveimagesbundle)
```

###  Alternatives

[netgen/information-collection-bundle

Information collection alike feature for Ibexa Platform

1945.6k11](/packages/netgen-information-collection-bundle)[netgen/remote-media-bundle

Remote media field type implementation

189.5k6](/packages/netgen-remote-media-bundle)[novactive/ezseobundle

Novactive eZ SEO Bundle is an Ibexa Platform bundle for SEO simplications. metas, sitemaps, robots.txt, etc.

26256.6k3](/packages/novactive-ezseobundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)