Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.41k stars 1.99k forks source link

Tiled Gallery Block - Poor Image Quality On Some Wider Images #47645

Open gwensmithx opened 3 years ago

gwensmithx commented 3 years ago

Steps to reproduce

  1. Start with a simple site. Create a new page and add a columns block with 2 columns. Add a tiled gallery block to 1 column.
  2. Add the first image as one that is about 1150 by 472 pixels (141 KB - ish). Here's a link to the one I used for testing: https://gwenatomic.wpcomstaging.com/wp-content/uploads/2020/11/201101halberstadt1.jpg
  3. Then add a bunch of other images
  4. In the column beside it, add a single image block and upload the same image that you used as the first image in the Tiled Gallery Block.

Save and publish. When you view the page you'll see that the first image is blurry compared to the one in the single image block.

What I expected

The image should be the same quality as the one in the single image block.

What happened instead

The Tiled Gallery seems to show some wide images in very poor quality

Screenshot / Video

Screen Shot 2020-11-20 at 7 00 20 PM

You can see this here as well: https://premiumtestingblog123456.wordpress.com/testing-another-gallery/

Context / Source

First reported in #3494437-zd

Notes: This seems to only happen with some images. I tried uploading an very high quality wide image from Pexels but I couldn't replicate the issue. Also same issue on AT sites - even when photo in turned off. Switching themes didn't do anything either.

rickmgithub commented 3 years ago

For visibility. User returned to ask for an update - #3960572-zd

mrfoxtalbot commented 3 years ago

For reference, this issue seems to be ultimately coming from here https://github.com/Automattic/jetpack/issues/7291

tellisbethel commented 3 years ago

This user seems to be experiencing a similar issue: 4111715-zd-woothemes Example image on their Sea and Coast portfolio page

blurry image example

They're using CoBlocks Masonry Block with Lightbox active as a workaround. They would like to be notified of any updates.

rezzap commented 3 years ago

Just adding here that the user in 4133556-zen from the issue reported above would like to know if this does get fixed.

rickmgithub commented 3 years ago

User felt the image quality was also poor on their wedding photography site. I explained as much as I could reading the different GH references - 4314094-zd

sajmes commented 2 years ago

32914296-hc