PHPackages                             minifranske/lazy-load-placeholder - 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. [Image & Media](/categories/media)
4. /
5. minifranske/lazy-load-placeholder

ActiveTypo3-cms-extension[Image & Media](/categories/media)

minifranske/lazy-load-placeholder
=================================

Create placeholders for lazy loading images for instance based on the dominant image color

0.0.2(5y ago)71.6k1[1 PRs](https://github.com/fsaris/lazy_load_placeholder/pulls)GPL-2.0+PHP

Since Mar 5Pushed 5y ago2 watchersCompare

[ Source](https://github.com/fsaris/lazy_load_placeholder)[ Packagist](https://packagist.org/packages/minifranske/lazy-load-placeholder)[ RSS](/packages/minifranske-lazy-load-placeholder/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (2)Dependencies (2)Versions (3)Used By (0)

Placeholder images for lazy loading images in TYPO3
===================================================

[](#placeholder-images-for-lazy-loading-images-in-typo3)

This extension adds metadata extractor that detects/calculates the dominant color of an images after upload. The dominant color can be used in FE rendering of images to fill the empty places of the lazy loaded images.

Features:

- metadata extractor to pick/store the dominant color of every uploaded image
- `llp:lazyImage` viewhelper that can be used as replacement of `f:image`the `src` becomes a `data:image/svg+xml;base64` string that holds a svg placeholder image in the dominant color the real image is added to `data-src`
- property `dominant_color` is added to the properties of every image object `{image.properties.dominant_color}`

This extension is inspired by the blog [Dominant Colors for Lazy-Loading Images](https://manu.ninja/dominant-colors-for-lazy-loading-images) and uses [ksubileau/color-thief-php](https://github.com/ksubileau/color-thief-php) to detect the dominant color of the image.

###  Health Score

29

—

LowBetter than 57% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity21

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity54

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

Every ~1501 days

Total

2

Last Release

1903d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/de91767f8e5b205c56cbba5324297b03a69fc2303702d8cda0a55b27a0123b0e?d=identicon)[fsaris](/maintainers/fsaris)

---

Top Contributors

[![fsaris](https://avatars.githubusercontent.com/u/4019341?v=4)](https://github.com/fsaris "fsaris (7 commits)")

---

Tags

color-thieflazyload-imagestypo3imagesextensiontypo3placeholderlazyloadingdominant-color

### Embed Badge

![Health badge](/badges/minifranske-lazy-load-placeholder/health.svg)

```
[![Health](https://phpackages.com/badges/minifranske-lazy-load-placeholder/health.svg)](https://phpackages.com/packages/minifranske-lazy-load-placeholder)
```

###  Alternatives

[christophlehmann/imageoptimizer

Optimize uploaded/processed images with binaries of your choice

46515.8k](/packages/christophlehmann-imageoptimizer)[somehow-digital/typo3-media-processing

Media Processing

121.2k](/packages/somehow-digital-typo3-media-processing)

PHPackages © 2026

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