Skip to content

Images distorted in Jetpack Newsletters on Apple Mail #38739

Open

Description

Impacted plugin

Jetpack

Quick summary

Images in blog posts using the single image block are distorted when viewed in Jetpack Newsletters on the Apple Mail app. The images do not scale responsively, resulting in distortion. Below can be seen a comparison of the same image from a newsletter, how it looks like in the Gmail app vs Apple Mail app on iOS:
Markup


Internal discussion: p1722872265280389-slack-C0CMN0V97
Forum: https://wordpress.org/support/topic/images-distorted-in-newsletters/

Steps to reproduce

  1. Set up a new test site or use an existing one.
  2. Enable Jetpack Newsletter.
  3. Subscribe to the newsletter on that site.
  4. Create a test post and include images using the Image Block, including at least one portrait-oriented image.
  5. Publish the post to trigger the newsletter.
  6. Check the registered email for the newsletter and review the images for any distortion issues.

A clear and concise description of what you expected to happen.

The images should scale responsively, maintaining their aspect ratio, without appearing squeezed or distorted regardless of the app used to open the email.

What actually happened

Images appear squeezed and distorted when viewed in the Apple Mail app

Impact

Some (< 50%)

Available workarounds?

No and the platform is unusable

Platform (Simple and/or Atomic)

No response

Logs or notes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Triaged[Feature] SubscriptionsAll subscription-related things such as paid and unpaid, user management, and newsletter settings.[Plugin] JetpackIssues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/[Pri] Normal[Status] Priority Review TriggeredThe guild in charge of triage has been notified of this issue in Slack[Type] BugWhen a feature is broken and / or not performing as intended

    Type

    No type

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions