PHPackages                             moosylvania/silverstripe-responsive-image - 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. moosylvania/silverstripe-responsive-image

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

moosylvania/silverstripe-responsive-image
=========================================

Responsive Image module for SilverStripe.

3201[2 issues](https://github.com/Moosylvania/SilverStripe-Responsive-Image/issues)[1 PRs](https://github.com/Moosylvania/SilverStripe-Responsive-Image/pulls)PHP

Since Jan 19Pushed 10y ago4 watchersCompare

[ Source](https://github.com/Moosylvania/SilverStripe-Responsive-Image)[ Packagist](https://packagist.org/packages/moosylvania/silverstripe-responsive-image)[ RSS](/packages/moosylvania-silverstripe-responsive-image/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

SilverStripe-Responsive-Image
=============================

[](#silverstripe-responsive-image)

Responsive Image module for SilverStripe implementing the bottom-padding technique

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

[](#requirements)

- SilverStripe 3.1.0+

Installation & Documentation
--------------------------------

[](#installation--documentation)

1. Clone Repository or use Composer to pull this module down to your silverstripe project
2. Any pages that are using the ResponsiveImage DataObject will need to include the following JS CSS on your site -

    ```
     Requirements::javascript('SilverStripe/Responsive-Image/javascript/responsive-img.js');
     Requirements::css('SilverStripe/Responsive-Image/css/responsive-img.css');

    ```
3. Instead of using the Image Object types on your page, use ResponsiveImage. ex.

    ```
     private static $has_one = array(
         'HeroImage' => 'ResponsiveImage'
     );

    ```
4. Inside your Templates, to render the proper output you would then call -

    ```
     $HeroImage.Responsive

    ```

### Notes:

[](#notes)

This Module was written and inspired from the padding-bottom hack that is documented at -

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance7

Infrequent updates — may be unmaintained

Popularity11

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity41

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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/7b58123837a8364d4ff51b9e31f46aecac3667a74a12e01a061a5c75484668f4?d=identicon)[obj63mc](/maintainers/obj63mc)

---

Top Contributors

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

### Embed Badge

![Health badge](/badges/moosylvania-silverstripe-responsive-image/health.svg)

```
[![Health](https://phpackages.com/badges/moosylvania-silverstripe-responsive-image/health.svg)](https://phpackages.com/packages/moosylvania-silverstripe-responsive-image)
```

###  Alternatives

[woutersioen/sir-trevor-php

A Sir Trevor to HTML conversion helper for PHP

2834.6k](/packages/woutersioen-sir-trevor-php)[naxon/laravel-url-uploaded-file

A package to leverage Laravel's UploadedFile functionality from URLs.

176.4k](/packages/naxon-laravel-url-uploaded-file)

PHPackages © 2026

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