mdn / mdn/content

More information on how EXIF image sizing actually works

Open
#6,836 0 comments 0 reactions 0 assignees View on GitHub
Content:Media
Dominant language
Markdown
Stars
11k
Forks
23.2k
Avg merge
2d 9h
Merged PRs (30d)
331

Description

From FF90 (and similar vintage browsers) browsers respect the image size information in EXIF for working out the intrinsic sizes of an image. This was added for Client Hint HTTP headers - it allows a server to return a low-res placeholder image of the correct size for layout, and then later supply a higher resolution image. Detailed explainer on that here: https://github.com/eeeps/exif-intrinsic-sizing-explainer

Anyway, the existence of this feature was added in #6798. We will also add some information once Client Hints are accepted in the standard.

However what that is likely to miss is the detail on exactly what EXIF fields must be set. There is some discussion of that in whatwg/html#5574 - sounds like we need all four of PixelXDimension, PixelYDimension, ResolutionX, and ResolutionY, ... and ResolutionUnit.

Further links:
- https://github.com/eeeps/exif-intrinsic-sizing-explainer
- https://github.com/WICG/responsive-image-client-hints/issues/14#issuecomment-865413309
- #6240
- #6835

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.