PHPackages                             kinglozzer/silverstripe-picture - 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. kinglozzer/silverstripe-picture

ActiveSilverstripe-vendormodule[Utility & Helpers](/categories/utility)

kinglozzer/silverstripe-picture
===============================

A module to add <picture> support to Silverstripe

3.1.0(2mo ago)43.8k3[1 PRs](https://github.com/lozcalver/silverstripe-picture/pulls)1BSD-3-ClausePHPPHP ^8

Since Apr 10Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/lozcalver/silverstripe-picture)[ Packagist](https://packagist.org/packages/kinglozzer/silverstripe-picture)[ RSS](/packages/kinglozzer-silverstripe-picture/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependencies (4)Versions (18)Used By (1)

Silverstripe Picture
====================

[](#silverstripe-picture)

Easy `` element generation for Silverstripe images.

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

[](#installation)

```
composer require kinglozzer/silverstripe-picture
```

Usage
-----

[](#usage)

Configuration is performed via YAML:

```
Kinglozzer\SilverstripePicture\Picture:
  styles:
    Carousel:
      default:
        - {method: 'Fill', arguments: [375, 250]}
        - {method: 'Fill', arguments: [750, 500], descriptor: 750w}
      sources:
        "(min-width: 1024px)":
          - {method: 'Fill', arguments: [1024, 450]}
          - {method: 'Fill', arguments: [2048, 900], descriptor: 2x}
```

Each style can then be called from templates:

```

    {$Image.Carousel}

```

The generated HTML will look like this:

```

```

Full example
------------

[](#full-example)

Each source (and the “default” image) consists of one or more srcset image candidates, and each candidate consists of one or more manipulations and an optional descriptor (e.g. `2x`, `300w`).

```
Kinglozzer\SilverstripePicture\Picture:
  styles:
    Carousel:
      # The default  that’s rendered if none of the  medias are matched
      default:
        # A list of image candidates to be output in the srcset attribute on the  tag
        - {method: 'Fill', arguments: [200, 150]} # The first candidate will also be used as the  "src"
        - {method: 'Fill', arguments: [400, 300], descriptor: 400w}
      # A list representing the  tags
      sources:
        "(min-width: 1128px)": # The "media" attribute for the source
          # A list of srcset image candidates
          - {method: 'Fill', arguments: [1024, 450]}
          - {method: 'Fill', arguments: [2048, 900], descriptor: 2x}
        "(min-width: 768px)":
          # If required, each srcset candidate can perform multiple manipulations
          -
            manipulations:
              - {method: 'ScaleWidth', arguments: [50]}
              - {method: 'Pad', arguments: [50, 100, 'FFFFFF']}
          -
            manipulations:
              - {method: 'ScaleWidth', arguments: [100]}
              - {method: 'Pad', arguments: [100, 200, 'FFFFFF']}
            descriptor: 2x
```

###  Health Score

48

—

FairBetter than 93% of packages

Maintenance85

Actively maintained with recent releases

Popularity26

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity57

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

Recently: every ~224 days

Total

17

Last Release

78d ago

Major Versions

1.x-dev → 2.0.02023-07-28

2.x-dev → 3.0.02025-08-20

PHP version history (2 changes)1.0.0PHP ^7.4 || ^8.0

3.0.0PHP ^8

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/203294386?v=4)[-> lozcalver](/maintainers/kinglozzer)[@kinglozzer](https://github.com/kinglozzer)

---

Top Contributors

[![lozcalver](https://avatars.githubusercontent.com/u/1655548?v=4)](https://github.com/lozcalver "lozcalver (16 commits)")

### Embed Badge

![Health badge](/badges/kinglozzer-silverstripe-picture/health.svg)

```
[![Health](https://phpackages.com/badges/kinglozzer-silverstripe-picture/health.svg)](https://phpackages.com/packages/kinglozzer-silverstripe-picture)
```

###  Alternatives

[silverstripe/userforms

UserForms enables CMS users to create dynamic forms via a drag and drop interface and without getting involved in any PHP code

1371.1M85](/packages/silverstripe-userforms)[symbiote/silverstripe-advancedworkflow

Adds configurable workflow support to the CMS, with a GUI for creating custom workflow definitions.

46302.4k9](/packages/symbiote-silverstripe-advancedworkflow)[lekoala/silverstripe-softdelete

Soft delete extension for SilverStripe

11236.3k](/packages/lekoala-silverstripe-softdelete)

PHPackages © 2026

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