webp handling and storage adapters

[elijahsgh]

Issue Summary

The newest templates expect to be able to serve images via format="webp"
This means the newest templates will NOT work with any sort of storage adapters other than local. To make matters worse, the local storage adapter seems to label everything as a .jpg when they are .webp (this was, at some point, for backward compatibility I believe).

The problem here seems to be that ghost only generates the webp images on request. Instead this should be moved to generating the actual webp (with .webp extension) during upload. From what I understand, this means the storage adapter would automatically write the new images at the request of Ghost.

The .jpg naming, I believe, should also be considered a bug since this is very odd and unexpected operation.

I am labeling this as a bug and not a feature request because at this time Ghost simply does not work correctly with any new template including templates like Source. All of your uploaded images, when using a storage adapter, will not be found.

Steps to Reproduce

1. Add a storage adapter
2. Upload an image
3. Use a recent template
4. Your images are broken

Ghost Version

5.0x

Node.js Version

any

How did you install Ghost?

ghost install

Database type

MySQL 8

Browser & OS version

Any

Relevant log / error output

No errors - simply 404s for the images.

Code of Conduct

• I agree to be friendly and polite to people in this repository