Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cover block background blurry on mobile #93711

Open
rickmgithub opened this issue Aug 20, 2024 · 8 comments
Open

Cover block background blurry on mobile #93711

rickmgithub opened this issue Aug 20, 2024 · 8 comments
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Pri] High Address as soon as possible after BLOCKER issues [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Priority Review Triggered Quality squad has been notified of this issue in #dotcom-triage-alerts [Type] Bug When a feature is broken and / or not performing as intended

Comments

@rickmgithub
Copy link

Quick summary

When viewing a full width cover block background image on mobile the quality of the image drops enough to notice.

Steps to reproduce

  1. AT site with StartFitter theme (although theme doesn't seem to be relevant)
  2. Add cover block at the top of the home page and add a background image. The source image size doesn't seem to matter
  3. Publish site
  4. View the background image quality on desktop compared to mobile
  5. Turning off JP images accelerator doesn't make any difference.
  6. If you view via the browser inspector with the Jetpack Boost Ïmage Guide" on it shows a message about clarity -
    https://github.com/user-attachments/assets/e68130cb-6838-44d2-aec5-bca7e287ffec

What you expected to happen

The quality to remain high

What actually happened

The image is lacking clarity

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

8629436-zd-a8c

@rickmgithub rickmgithub added [Type] Bug When a feature is broken and / or not performing as intended Needs triage Ticket needs to be triaged [Product] WordPress.com All features accessible on and related to WordPress.com. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Feature] Core Blocks Blocks that come with Gutenberg. labels Aug 20, 2024
@github-actions github-actions bot added [Status] Priority Review Triggered Quality squad has been notified of this issue in #dotcom-triage-alerts [Pri] High Address as soon as possible after BLOCKER issues labels Aug 20, 2024
Copy link

github-actions bot commented Aug 20, 2024

Support References

This comment is automatically generated. Please do not edit it.

  • 8629436-zen
  • 8913983-zen

@github-actions github-actions bot added the Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". label Aug 20, 2024
@vykes-mac vykes-mac self-assigned this Aug 20, 2024
@vykes-mac
Copy link
Contributor

@rickmgithub I tried reproducing this but I wasn't able to, maybe I'm missing something. my site is https://anda378395265.blog/

@mpkelly
Copy link
Contributor

mpkelly commented Aug 21, 2024

@rickmgithub, Can we add desktop and mobile pictures to this issue and maybe even the source image? I watched the video, but it's not clear to me what the issue is. Thanks.

@retnonindya retnonindya removed the Needs triage Ticket needs to be triaged label Aug 21, 2024
@retnonindya retnonindya moved this from Needs Triage to Triaged in Automattic Prioritization: The One Board ™ Aug 21, 2024
@vykes-mac vykes-mac removed their assignment Aug 23, 2024
@caitlindawn
Copy link

Reported in 8913983-zen

@jordesign
Copy link
Contributor

@rickmgithub @caitlindawn - looping back to this issue - are either of you able to share screenshots of desktop and mobile to share the relative differences?

@Robertght
Copy link

I run a few tests with Twentytwentyfive and saw some differences:

Simple Atomic Self-hosted
Image Image Image
This is a bit blurry(check the taillights) It's less blurry Same as Simple

I'm not able to see the Zoomed in behavior, but more like the crop.
I switched the theme to StartFitter and saw no differences.

@Automattic/loop would this something suitable for your team to further look into?

@davemart-in
Copy link
Contributor

@Automattic/loop would this something suitable for your team to further look into?

Candidly, it doesn't feel like a great fit. We're focused on the reader and newsletters.

@Robertght
Copy link

Thank you! I focused on the "Page/Editor experience" bit and thought it was for you based on this: PdqkMK-1nV-p2

@Automattic/pixel would you be able to further look into it?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Pri] High Address as soon as possible after BLOCKER issues [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Priority Review Triggered Quality squad has been notified of this issue in #dotcom-triage-alerts [Type] Bug When a feature is broken and / or not performing as intended
Projects
Development

No branches or pull requests

8 participants