PHPackages                             christianessl/placeholder\_images - 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. christianessl/placeholder\_images

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

christianessl/placeholder\_images
=================================

Easily add placeholder images in TYPO3 using either external sources (like placeholder.com) or generating them on the fly.

1.1.0(7y ago)22831[1 issues](https://github.com/IndyIndyIndy/placeholder_images/issues)GPL-2.0-or-laterPHP

Since Jan 26Pushed 7y ago1 watchersCompare

[ Source](https://github.com/IndyIndyIndy/placeholder_images)[ Packagist](https://packagist.org/packages/christianessl/placeholder_images)[ Docs](https://christianessl.at)[ RSS](/packages/christianessl-placeholder-images/feed)WikiDiscussions master Synced yesterday

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

TYPO3 Extension "placeholder\_images"
=====================================

[](#typo3-extension-placeholder_images)

Easily add placeholder images in TYPO3 using either external sources (like placeholder.com) or generating them on the fly.

[![Code Climate](https://camo.githubusercontent.com/6e8de8f7d567fded7fd8839636913aaf87fd4245632e123dd933d5e3386e80e3/68747470733a2f2f636f6465636c696d6174652e636f6d2f6769746875622f496e6479496e6479496e64792f706c616365686f6c6465725f696d616765732e737667)](https://codeclimate.com/github/IndyIndyIndy/placeholder_images)[![Latest Stable Version](https://camo.githubusercontent.com/a442686da26359cecdf94ccdb466a5dcfe69c098259498a61d6af51d087ddf8a/68747470733a2f2f706f7365722e707567782e6f72672f63687269737469616e6573736c2f706c616365686f6c6465725f696d616765732f762f737461626c65)](https://packagist.org/packages/christianessl/placeholder_images)[![Total Downloads](https://camo.githubusercontent.com/f8fd9c9e75c8c3a23aff4cf37714fb8a8785a7bd6dcbe3104b1158f0e0d15ac6/68747470733a2f2f706f7365722e707567782e6f72672f63687269737469616e6573736c2f706c616365686f6c6465725f696d616765732f646f776e6c6f616473)](https://packagist.org/packages/christianessl/placeholder_images)[![Latest Unstable Version](https://camo.githubusercontent.com/3dda16362f8c23cfd3902a71b8995216d71e6c20e721249ad0c916d6c4a28276/68747470733a2f2f706f7365722e707567782e6f72672f63687269737469616e6573736c2f706c616365686f6c6465725f696d616765732f762f756e737461626c65)](https://packagist.org/packages/christianessl/placeholder_images)[![License](https://camo.githubusercontent.com/778e7874d2d1b4039a724d30bc9fa8b4d43107983d5d039503ede1173e69a51a/68747470733a2f2f706f7365722e707567782e6f72672f63687269737469616e6573736c2f706c616365686f6c6465725f696d616765732f6c6963656e7365)](https://packagist.org/packages/christianessl/placeholder_images)

What does it do?
----------------

[](#what-does-it-do)

This extensions adds a button "Add placeholder image" to content elements and other data records using FAL media fields in the TYPO3 Backend. This makes it easy to quickly add a few generated placeholder images for prototyping. Support uploading multiple placeholders images at once.

[![Add placeholder image Button](/Resources/Public/Screenshots/placeholder_button.png)](/Resources/Public/Screenshots/placeholder_button.png)

[![Placeholder modal](/Resources/Public/Screenshots/placeholder_modal.png)](/Resources/Public/Screenshots/placeholder_modal.png)

Requirements
------------

[](#requirements)

Currently supports TYPO3 8.7 and 9.5 LTS

1. Installation
---------------

[](#1-installation)

### Installation with composer

[](#installation-with-composer)

`composer require christianessl/placeholder_images`.

Clear caches and reload the backend for all changes to take effect.

### Installation with TER

[](#installation-with-ter)

Open the TYPO3 Extension Manager, search for `placeholder_images` and install the extension.

Clear caches and reload the backend for all changes to take effect.

2. Configuration
----------------

[](#2-configuration)

Initially after installing the extension, the new button will only show up if TYPO3\_CONTEXT is set to **Development**, which can be adjusted in the Extension Configuration.

### Configuration in TYPO3 8.7

[](#configuration-in-typo3-87)

- Go to Admin Tools -> Extensions -> Extension *placeholder\_images*
- Click the extension name to access the Extension Configuration.

### Configuration in TYPO3 9.5

[](#configuration-in-typo3-95)

- Go to Admin Tools -> Settings -> Extension Configuration
- Click *Configure extensions* and the *placeholder\_images* to access the configuration.

### Configuration options

[](#configuration-options)

- **typo3Contexts** *(default: Development)*
    - Comma separated list of TYPO3\_CONTEXT settings for which the placeholder button should be displayed.
- **defaultWidth**
    - Default width of the generated images (changeable in the modal)
- **defaultHeight**
    - Default height of the generated images (changeable in the modal)
- **defaultFormat** *(default: png)*
    - Default file format of the generated images (changeable in the modal)
- **defaultText**
    - Default placeholder text (changeable in the modal). Shown as "1024x768", if empty.
- **defaultBGColor**
    - Default background color of the generated images (changeable in the modal)
- **defaultTextColor**
    - Default text color of the generated images (changeable in the modal)
- **imageSource**
    - The source from which the images should be generated. There are 3 options at the moment:
        - placeholder.com (external)
        - imagemagick (local image generation)
        - custom (connect your own image generation service)
- **customSourceUrl**
    - If you want to connect your own image generation service, place the url here in a format like:
        - //source-example.local/?width={width}&height={height}&bgcolor={bgcolor}&textcolor={textcolor}&format={format}&text={text}

3. Usage
--------

[](#3-usage)

Create a new content element like *Text / Media* and enjoy adding a few placeholder images.

[![Placeholder frontend](/Resources/Public/Screenshots/placeholder_frontend.png)](/Resources/Public/Screenshots/placeholder_frontend.png)

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance10

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity60

Established project with proven stability

 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 ~18 days

Total

2

Last Release

2646d ago

### Community

Maintainers

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

---

Top Contributors

[![IndyIndyIndy](https://avatars.githubusercontent.com/u/2108907?v=4)](https://github.com/IndyIndyIndy "IndyIndyIndy (58 commits)")

---

Tags

placeholder-imagetypo3typo3-extbasetypo3-extensionimagesextensiontypo3placeholderfal

### Embed Badge

![Health badge](/badges/christianessl-placeholder-images/health.svg)

```
[![Health](https://phpackages.com/badges/christianessl-placeholder-images/health.svg)](https://phpackages.com/packages/christianessl-placeholder-images)
```

###  Alternatives

[christophlehmann/imageoptimizer

Optimize uploaded/processed images with binaries of your choice

46501.8k](/packages/christophlehmann-imageoptimizer)[schnitzler/fluid-styled-responsive-images

Enables creation of responsive images for fluid styled content elements.

279.7k1](/packages/schnitzler-fluid-styled-responsive-images)[somehow-digital/typo3-media-processing

Media Processing

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

PHPackages © 2026

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