๐Ÿ–ผ๏ธ Binary Images Lab โ€” Bits to Pixels

Every image on every screen is ultimately just bits. In this lab you'll hand-encode black-and-white images bit by bit โ€” width, height, color depth, then the pixels themselves โ€” and watch them render live.

The Format

Every image here starts with a 24-bit header, then the pixel data.

First 8 bits = width  ยท  next 8 bits = height  ยท  next 8 bits = color depth (bits per pixel)  ยท  then = the pixel data itself, one chunk of depth bits per pixel, row by row. Keep color depth at 00000001 for these tasks โ€” 1 bit per pixel, so each pixel is either fully black (0) or fully white (1).

Encoder / Decoder

Type binary on the left. It decodes live into hex and into the image below.

Your Turn: 3 Images to Encode

For each one, edit the binary above to build that image, watch it render, then click Import to lock it in below. You can re-import as many times as you like โ€” only your last import per task counts.

๐Ÿ…ฐ๏ธ
The letter "A"
Target: exactly an 8 ร— 8 grid
Not imported yet
Not imported yet
๐Ÿฆ†
A duck
Target: exactly a 16 ร— 16 grid
Not imported yet
Not imported yet
โœจ
Make something wonderful
Target: any size you like
Not imported yet
Not imported yet

Reflection Questions

Short answers are fine โ€” just write real thoughts, not a placeholder.

Done with the images and the questions? Check your work to see what's still missing and generate your certificate. You can check again anytime as you keep working โ€” only your best grade is kept.