Support retina devices and improve responsive image styles on mobile

Created on 19 November 2024, 14 days ago

Problem/Motivation

Olivero breakpoints have some limitations. There is not a breakpoint for less than 500 pixels. This means that in the first iteration of responsive images in Drupal CMS, the fallback image is not being used as well as it could be.

Only 1x option for screen resolution is included in Olivero.

Proposed resolution

Add breakpoint for below 500 pixels.
Add 1.5x and 2x options to the relevant breakpoints.

There might have been a reason not to include these in core

We could handle this four ways that I can think of, there are pros and cons to any of them:

1. Take no action for now and don't support it.
2. Raise an issue against core and create a patch.
3. Add a breakpoint file to drupal_cms_olivero.
4. Introduce a Drupal CMS set of responsive image breakpoints.

✨ Feature request
Status

Needs review

Component

Track: Media Management

Created by

πŸ‡¬πŸ‡§United Kingdom tonypaulbarker Leeds

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024