Tiled Gallery Block: Images don't follow the "jetpack_photon_skip_image" filter

[Ninodevo]

Impacted plugin

Jetpack

Quick summary

The Tiled Gallery Block always uses Proton CDN images, and there is no way to disable this. While the jetpack_photon_skip_image filter can be used to disable Photon for individual images, it is not applied in the Tiled Gallery Block.

This causes issues for individual images that need to be served directly from the site, for example, protected images.

Steps to reproduce

1. Add the filter to skip all photon images add_filter( 'jetpack_photon_skip_image', '__return_true' ); (easier for testing, in a real case scenario we won't skip all images).
2. Add the Tiled Gallery Block.
3. Images are served through Photon.

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Minor

What other impact(s) does this issue have?

No response

If a workaround is available, please outline it here.

No response

Platform (Simple and/or Atomic)

No response

[github-actions]

OpenAI suggested the following labels for this issue:

• [Feature Group] Content Management: The issue relates to managing content displayed through the Tiled Gallery Block and how images are processed.
• [Feature] Jetpack: The issue is specifically related to the Jetpack plugin and its functionalities, particularly concerning image handling.
• [Feature] Photon: The problem arises from the use of the Photon feature for image delivery, which is not respecting the provided filter.

[valterlorran]

I was able to reproduce this. I believe @Automattic/jetpack-vulcan could help us with that.

I believe this is happening when we add the block and "photonize" the images:
https://github.com/Automattic/jetpack/blob/trunk/projects/plugins/jetpack/extensions/blocks/tiled-gallery/layout/index.js#L41