May 2026 - Baseline newly available
image-rendering was included in the May 2026 Baseline digest
The image-rendering property controls how scaled images are sampled. It is useful for pixel-art previews, low-resolution placeholders, and crisp generated assets, but support behavior and visual quality should still be tested in target browsers.
Last checked . This staged row is
verified:false and remains noindex until exact public effective dates are rechecked.Browser support note
| Browser | Public note |
|---|---|
| Chrome | May 2026 Baseline digest source |
| Edge | May 2026 Baseline digest source |
| Firefox | May 2026 Baseline digest source |
| Safari | May 2026 Baseline digest source |
Copyable CSS snippet
.pixel-preview { image-rendering: pixelated; width: 320px; height: 320px; object-fit: contain; }Fallback: Keep the original asset dimensions available and avoid relying on one scaling mode for readability.
Replaces: Canvas-only scaling workarounds for some pixel-perfect preview surfaces.
Official sources
- Primary: web.dev: Baseline monthly digest, May 2026
- Secondary: MDN: image-rendering