PHPackages                             christopherbolt/silverstripe-retinacontentimages - 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. christopherbolt/silverstripe-retinacontentimages

ActiveSilverstripe-vendormodule[Image & Media](/categories/media)

christopherbolt/silverstripe-retinacontentimages
================================================

Adds retina image support to images added through the HTMLEditorField.

2.0.x-dev(6mo ago)19.1k2PHP

Since May 26Pushed 6mo ago1 watchersCompare

[ Source](https://github.com/christopherbolt/silverstripe-retinacontentimages)[ Packagist](https://packagist.org/packages/christopherbolt/silverstripe-retinacontentimages)[ Docs](https://github.com/christopherbolt/silverstripe-retinacontentimages)[ RSS](/packages/christopherbolt-silverstripe-retinacontentimages/feed)WikiDiscussions 2.0 Synced today

READMEChangelogDependencies (1)Versions (3)Used By (0)

Retina Content Images
=====================

[](#retina-content-images)

This simple module adds a srcset attribute to all images added in the HTML Editor so that content images look sexy on retina screens. Just install, run /dev/build/ and your images will now look sharp and awesome.

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

[](#requirements)

SS 5.x or SS 6.x (see 1.x branch for SS 4)

### Installation

[](#installation)

```
composer require christopherbolt/silverstripe-retinacontentimages

```

Run /dev/build/ after install or update.

### Configuration

[](#configuration)

You may configure the image sizes that are added to the srcset attribute by adding a .yml config file to your project. The configuration looks like this:

```
---
Name: mysiteretinacontentimages
After: retinacontentimages
---
ChristopherBolt\RetinaContentImages\Shortcodes\RetinaImageShortcodeProvider:
  srcset:
    '1x': 1
    '2x': 2
    '3x': 3

```

The key value is the argument that will appear in the srcset attribute. This can be a screen resolution multiplier or a screen width, refer to the srcset attribute documentation for more info. The value is a multiplier for how many times larger than the display width/height the image should be enlarged to. Usually this would be the same as your resolution multiplier but it does not have to be. You can add as many or as few srcset options as you like. If your list includes a '1x' option then this will be the image used in the src attribute. Otherwise an image the size of the display width/height will be used as per the normal SilverStripe behaviour.

### Legacy Browser Support

[](#legacy-browser-support)

If you require the srcset attribute to function on older browsers without native support for the srcset attribute then consider using a polyfill such as Picturefill:

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance66

Regular maintenance activity

Popularity26

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity32

Early-stage or recently created project

 Bus Factor1

Top contributor holds 90.9% 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 ~935 days

Total

2

Last Release

200d ago

Major Versions

1.0.x-dev → 2.0.x-dev2025-12-16

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/16007412?v=4)[christopherbolt](/maintainers/christopherbolt)[@christopherbolt](https://github.com/christopherbolt)

---

Top Contributors

[![christopherbolt](https://avatars.githubusercontent.com/u/16007412?v=4)](https://github.com/christopherbolt "christopherbolt (10 commits)")[![purplespider](https://avatars.githubusercontent.com/u/329880?v=4)](https://github.com/purplespider "purplespider (1 commits)")

### Embed Badge

![Health badge](/badges/christopherbolt-silverstripe-retinacontentimages/health.svg)

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

###  Alternatives

[sunnysideup/ecommerce

Silverstripe E-commerce Application

247.3k84](/packages/sunnysideup-ecommerce)[frankmullenger/gallery

SilverStripe Gallery Module

233.7k1](/packages/frankmullenger-gallery)[colymba/gridfield-gallery-theme

SilverStripe 3 GridField component adding file or image thumbnail gallery view

157.2k1](/packages/colymba-gridfield-gallery-theme)[thisisbd/silverstripe-fixjpeg-orientation

SilverStripe Fix JPEG Orientation Module. Ensures that JPEG images uploaded from a mobile are rotated and saved upright according their orientation value for consistent viewing when displayed on a web page.

143.3k](/packages/thisisbd-silverstripe-fixjpeg-orientation)

PHPackages © 2026

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