PHPackages                             az-digital/background\_image\_formatter - 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. az-digital/background\_image\_formatter

ActiveDrupal-module[Utility & Helpers](/categories/utility)

az-digital/background\_image\_formatter
=======================================

Fork of Drupal Simple Background Image Formatter module with D10 support.

02.8kPHP

Since Jun 15Pushed 3y ago2 watchersCompare

[ Source](https://github.com/az-digital/background_image_formatter)[ Packagist](https://packagist.org/packages/az-digital/background_image_formatter)[ RSS](/packages/az-digital-background-image-formatter/feed)WikiDiscussions az-digital Synced 3d ago

READMEChangelogDependenciesVersions (1)Used By (0)

```
Background Image Formatter
================

Introduction
------------

This module provides an image formatter that allows you to display the image
in a div as background image.
The module extends Drupal's images field. Because settings are attached
to the entity, it's very easy to setup and manage.

Features
--------

1. No module dependencies (Other that image).

2. Works with Drupal's field UI.

3. Works with Views.

4. Integrates with Drupal's image styles.

5. Offers 2 modes. (Inline Style & CSS Selector)

Inline Style
------------

Instead the generating the normal img markup we now generate
the div with a inline style.

This

is changed to

&nbps;

CSS Selector
------------

This option prevents the img tag from being printed to the dom and instead
generates a stylesheet in the dom.

The expected out with be something like this.

[YOUR SELECTOR] {background-image: url('[ABSOLUTE PATH]');}

Basic Installation
------------------

1. Download and enable the module.

2. Go to Administration >  Structure > Content Types (admin/structure/types).

3. Click on Manage Display for the relevant content type.
(admin/structure/types/manage/page/display)

4. Change the Format to Background Image for the relevant image field.

5. Click on the settings gear to define your settings.
```

###  Health Score

19

—

LowBetter than 9% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity18

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity22

Early-stage or recently created project

 Bus Factor1

Top contributor holds 60% 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.

### Community

Maintainers

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

![](https://www.gravatar.com/avatar/78ed17b981916d97c95e226b20f8f468b6533fa57cd3568abb317715039fc5ec?d=identicon)[joeparsons](/maintainers/joeparsons)

![](https://www.gravatar.com/avatar/0948a52b8b5181ae424b64cbe8b48f3331775ffa86888b3b21089edf5243a222?d=identicon)[az-digital](/maintainers/az-digital)

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

---

Top Contributors

[![joeparsons](https://avatars.githubusercontent.com/u/471936?v=4)](https://github.com/joeparsons "joeparsons (3 commits)")[![animan01](https://avatars.githubusercontent.com/u/671895?v=4)](https://github.com/animan01 "animan01 (2 commits)")

### Embed Badge

![Health badge](/badges/az-digital-background-image-formatter/health.svg)

```
[![Health](https://phpackages.com/badges/az-digital-background-image-formatter/health.svg)](https://phpackages.com/packages/az-digital-background-image-formatter)
```

###  Alternatives

[tatter/menus

Dynamic menus for CodeIgniter 4

1714.0k1](/packages/tatter-menus)

PHPackages © 2026

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