Responsive Images Redirect to Original File

Developer help
1

Hi there,

I’ve been trying to fix my responsive images without any avail. If you open my website, all the responsive images are being redirected to the original file.
Example: https://www.dinisbc.art/content/images/size/w300/2021/05/Night-2_2000_1333.jpg.

My theme’s package.json supports responsive images. I’m not really sure how to debug this, the only thing I found was about the sharp node module, but I’m not sure if it’s still used on Ghost 4.

URL: https://www.dinisbc.art
Theme: GitHub - TryGhost/Edge: A visually aesthetic portfolio theme for Ghost
Node version: 14.17.0
Ghost-CLI version: 1.17.3
Ghost version: 4.6.4
I’m using a Raspberry Pi 4 with the Raspberry Pi OS on arm64.

2

That’s likely where the problem is, especially if you’re using a Raspberry Pi for which there is unlikely to be a pre-built binary available for npm to install.

If sharp hasn’t been installed then the responsive image features won’t be available.

3

I was able to solve the problem by installing sharp.
For anyone with the same problem I had to build libvips from source (libvips) and then build sharp from source (sharp - High performance Node.js image processing).