# Image

Image creates the illusion of grayscale through carefully designed dither patterns. When rendered on 1-bit (black and white only) displays, these patterns create an illusion of different shades of gray by using specific arrangements of black and white pixels.

### Usage

Use the class `image-dither` to dither an image.

![Plugin icon](/images/screensaver/rover.bmp)

Image

    <img class="image-dither" src="path to the image file">

Previous

[Text Stroke Legible text when displayed on shaded backgrounds](/framework/docs/1.2/text_stroke)

Next

[Image Stroke Legible images when displayed on shaded backgrounds](/framework/docs/1.2/image_stroke)