Opened 9 months ago

Closed 4 months ago

#26433 closed defect (fixed)

Fix blog lead image compression

Reported by: steph Owned by: hiro
Priority: Medium Milestone:
Component: Webpages/Blog Version:
Severity: Normal Keywords:
Cc: Actual Points:
Parent ID: Points:
Reviewer: Sponsor:

Description

We talked about this a bit before, but it's still happening. It doesn't seem to matter what size the image is, the quality is lowered when it is used as the lead image.

If I put the image in the body of the post, it is okay. But having it in the body of the post does not show from the blog archive, which we want.

See the attached screenshot which shows the difference between what's on the blog and the original file.

Child Tickets

Attachments (2)

Screen Shot 2018-06-20 at 5.43.47 PM.png (1.3 MB) - added by steph 9 months ago.
screenshot
lisboa-meetup.jpg (1.2 MB) - added by steph 9 months ago.
original image

Change History (4)

Changed 9 months ago by steph

screenshot

Changed 9 months ago by steph

Attachment: lisboa-meetup.jpg added

original image

comment:1 Changed 4 months ago by hellais

Hiro helped me look into fixing this.

We made the following changes to /config/media/image-styles:

Full Width

From:
Scale width 500
Image Quality 75%

To:

Convert PNG
Scale width 847
Retinafied

Full Width (Retina)

From:
Scale width 500
Image Quality 75%
Convert PNG

Retinafied

To:

Convert PNG
Scale width 847
Retinafied

I don't really fully understand how and when the "Retina" style gets applied, but if it's not used anywhere it can maybe be dropped.

It seems like images that were already big enough to be resampled have be scaled (ex. https://blog.torproject.org/strength-numbers-community-key), but others need to be reuploaded.

My suggestion is that for every picture used in the lead, you upload a picture that is at least 1700px wide.

comment:2 Changed 4 months ago by hellais

Resolution: fixed
Status: newclosed
Note: See TracTickets for help on using tickets.