---
title: "as-dithered-image"
description: "HTML custom element that dithers images at device pixel resolution so results stay crisp on any display and zoom level."
canonical: "https://vibing.inc/library/as-dithered-image-vg-0132"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Dithering & pixel"
license: "MIT"
author: "Andrew Stephens (@andrewstephens75)"
source: "https://github.com/andrewstephens75/as-dithered-image"
---

# as-dithered-image
HTML custom element that dithers images at device pixel resolution so results stay crisp on any display and zoom level.
## Facts
- Source: https://github.com/andrewstephens75/as-dithered-image
- Category: Backgrounds, Effects & CSS Oddities / Dithering & pixel
- Author: Andrew Stephens (@andrewstephens75)
- Licence: MIT
- Tags: dithering, web-component, image, retro
## Why it's a gem
Resolution-aware dithering; most implementations blur the moment you zoom
---
Listed in The Vibeary: https://vibing.inc/library/as-dithered-image-vg-0132 · JSON: https://vibing.inc/api/public/library/gems/as-dithered-image-vg-0132