Prometheus icon indicating copy to clipboard operation
Prometheus copied to clipboard
verified publisher icon halfrost

Disable WebP

Open mrneilypops opened this issue 5 years ago • 3 comments

What is the easiest way to disable WebP? The images on my home page are too small and look pixelated.

https://mrneilypops.xyz

Neil

mrneilypops avatar Aug 01 '20 20:08 mrneilypops

you can change this line:

https://github.com/halfrost/Prometheus/blob/f59e41979571d9bd2ad58f9238f949196949699d/assets/js/index.js#L609

This code makes special logic, aiming at the home page image. You can make updatedUrl to any url.

halfrost avatar Aug 02 '20 05:08 halfrost

I have changed that line to .webP_load === false but my front page image is still scaling to 300x169. I have restarted Ghost. Is there another change I need to make? The space on the homepage is 600pixels wide but the image is only 300 pixels wide... Screenshot_2020-08-02_17-49-07

mrneilypops avatar Aug 02 '20 11:08 mrneilypops

Two solutions:

  1. You make a big picture that has appropriate pixels and all around is transparent.
  2. If you are familiar with CSS, you can change these post-thumbnail-wrap styles.

Ps. I do not recommend modifying its size, as this will make the entire layout uneven. If the picture is large or small, the layout may look a bit messy.

halfrost avatar Aug 04 '20 00:08 halfrost