Building an ENCODER for the Quite OK Image Format (QOI) @LowByteProductions
Building an ENCODER for the Quite OK Image Format (QOI)  @LowByteProductions
Uploaded December 2021 | Updated September 2026, 2 weeks ago
The "Quite OK Image Format" (qoi) is a lossless compression image format that has similar performance to PNG, but with substantially faster encoding and decoding, making it a great choice for embedded systems.
In this video we're going to be writing an encoder in TypeScript, which allows us to take raw RGBA pixels and compress them using the algorithms specified by QOI.
In the next video, we'll write the corresponding decoder - and together these two components will allow us to take most common image formats and transform them to QOI, as well as being able to display QOI images in the browser.

=[ 🔗 Links 🔗 ]=

- The QOI format: qoiformat.org
- Dominic Szablewski (the creator): twitter.com/phoboslab

💌 Updates to your inbox: tinyletter.com/lowleveljavascript
🗣 Discord: discord.gg/FPWaVgk
⭐️ Patreon: patreon.com/lowleveljavascript
💻 Github Repo: github.com/LowLevelJavaScript/QOI
Building an ENCODER for the Quite OK Image Format (QOI)Assembler Hacking: Structures (16-Bit VM in JavaScript 015)Bare Metal Bit Banging: WS2812B DriverTour Through The Assembly Language and The Assembler (16-Bit VM in JavaScript 007)How does an OS boot? //Source Dive// 001Implementing A Generic Priority QueueProgrammatic Painting: Flow FieldsHow does KERNEL memory allocation work? //Source Dive// 004Implementing LOAD instructions: RISC-V ep.5Understanding AES Encryption Mechanics: BMPSBuilding FPGA Hardware Using TypeScript: Driving An RGB LED PanelBuilding A Language Parser and Interpreter [Parser Combinators from Scratch] Episode 5
Low Byte Productions |

Building an ENCODER for the "Quite OK Image Format" (QOI)

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER