Automattic / Automattic/jetpack

Carousel: poor image quality

Open
#14,113 12 comments 3 reactions 0 assignees View on GitHub
[Feature] Carousel [Feature] Photon Customer Report [LEGACY]
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

I'm using Tiled Gallery and Carousel to display some images. Photon CDN is enabled for images.
While the images in Tiled Gallery are fine, the image shown in Carousel is blurry and low quality.

Compare for example the blurry image used by the slideshow:
https://i0.wp.com/elio.blog/wp-content/uploads/2019/11/5-free-capture-one-styles-5.jpg?zoom=2&fit=1044%2C557

with the good one used in the Tiled Gallery in the content:
https://i1.wp.com/elio.blog/wp-content/uploads/2019/11/5-free-capture-one-styles-5.jpg?ssl=1

#### Steps to reproduce the issue

1. Go to https://elio.blog/5-free-styles-for-capture-one/
2. right click on one of the images, open in a new tab, and check its good quality
3. back to the post. Click on one of the images to launch the Carousel, check its poor quality

#### What I expected
The image in the Carousel to have good quality, like the one in Tiled Gallery.

#### What happened instead
The image in the Carousel has low quality and almost look blurry.

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on the linked post by comparing the image URL and quality in Tiled Gallery with the image loaded by Carousel while Photon CDN is enabled. Trace the Carousel image request and compare its parameters with the working Tiled Gallery request; done means Carousel displays comparable image quality without the blurry result.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.