Send the right
image candidate.
A private, browser-only intake for reviewing basic image metadata alongside delivery questions. It does not upload, retain, optimize, or inspect a file beyond metadata and local dimensions.
USE IT TO: Use to prepare a discussion about image placement, responsive candidates, accessible alternative text, and delivery trade-offs.
Inspect the starting point.
Choose a local image to view basic browser-reported metadata and dimensions. SIU does not upload, send, retain, optimize, or store the selected file.
SELECT LOCAL IMAGE — No image selected. Nothing has been uploaded or stored.
Nothing leaves here.
A selected image will show its name, browser-reported MIME type, byte size, last-modified time, and local decodable dimensions.
No preview is generated. Select an image only if the local metadata is useful to your review.
Work the next known step.
- Select one local image. The browser reads its name, MIME type, byte size, last-modified timestamp, and—where decodable—pixel dimensions in memory only.
- Relate dimensions to the intended rendered width and device density; then decide whether the page needs multiple image candidates or art direction.
- Review the markup context: meaningful alternative text, declared dimensions where appropriate, responsive source selection, and loading priority are separate decisions.
- Keep the original source asset under the team’s established asset and licensing process. This page creates no derivative files.
Inspect the rendered page at the intended breakpoints with the team’s approved browser and performance tools.
Confirm image alternative text and the actual responsive markup in code review.
Measure delivery in the real environment before asserting an improvement.
Source notes, not borrowed certainty.
Planning basis: web.dev responsive-image guidance and MDN File API documentation
- web.dev — Responsive images ↗web.dev explains that image bytes can be significant and describes responsive candidates, srcset, sizes, and picture for suitable use cases.
- MDN — Using files from web applications ↗MDN documents user-selected File objects and locally available name, type, and size metadata.
Authorship: SIU Enablement editorial draft; source-bounded operational guidance. Reviewed by: Design, accessibility, performance, and rights owners review images in their delivery context. Revalidate: Revalidate when placement, responsive rules, asset source, or delivery provider changes.