Which characters does this recognize?

Exactly the five-character ramp GIF to Unicode Art Converter emits: a space (brightest, rendered as white), then "░", "▒", "▓", and "█" (darkest, rendered as black). Any other character is treated as a blank (white) cell.

Can I paste a multi-frame animation?

Yes, if your text was produced by GIF to Unicode Art Converter (or formatted the same way), separate frames with a line reading "===FRAME==="; each section becomes its own GIF frame.

Is the output in color?

No, the output is grayscale only (each shading character maps to a specific gray level, from white for a space to black for a solid block), matching the monochrome nature of the source ramp.

What if my frames have different row or column counts?

GIF requires every frame in an animation to share the same pixel dimensions, so mismatched frame sizes fail encoding with a clear error rather than being silently cropped or stretched.

Unicode Art to GIF Converter - Render Shade Blocks

Overview

Introduction

Unicode shading-block text (built from a space and the ░ ▒ ▓ █ characters) is a compact, bold way to represent an image as text, and sometimes you want to turn that text back into an actual viewable image.

This tool renders pasted shading-block art into a grayscale GIF entirely in the browser.

What Is Unicode Art to GIF Converter?

A text-to-GIF converter that parses Unicode shading-block characters (the fixed [" ", "░", "▒", "▓", "█"] ramp) out of pasted art and renders each character as a solid gray block, with darker characters producing darker gray.

It optionally supports multi-frame input (split on a "===FRAME===" delimiter line, the same format GIF to Unicode Art Converter emits) to rebuild a small animation.

How Unicode Art to GIF Converter Works

Pasted text is optionally split into multiple frames on a "===FRAME===" delimiter line.

Each character in each frame's grid is looked up in the shading ramp; its position in the ramp (0 for a space through 4 for a solid block) determines a gray value from white down to black.

Each character becomes a solid `cellSize` x `cellSize` gray block in the rendered pixel grid, and all frames are then encoded together as a GIF via this category's shared `encodeGif`, which requires every frame to share identical dimensions.

When To Use Unicode Art to GIF Converter

Use it to turn Unicode shading-block art (from a README, terminal output, or another text-art tool) into an actual shareable image.

Also useful for completing a round trip after using GIF to Unicode Art Converter, to check how much detail survives the text conversion.

Often used alongside GIF to Unicode Art Converter, Braille Art to GIF Converter and ANSI Art to GIF Converter.

Features

Advantages

Simple, predictable 5-level gray mapping that exactly mirrors the encoding side's ramp.
Supports rebuilding a multi-frame animation from delimited text, not just a single static image.
Runs entirely client-side; the pasted text never leaves your browser.

Limitations

Only produces grayscale output; there's no way to add color back in, since the source ramp never encoded any.
Characters outside the five-character ramp are treated as blank (white) rather than raising an error, so a typo silently lightens that cell.
All frames must render to identical pixel dimensions; mismatched frame sizes fail the whole conversion.

Examples

Rendering a small shading-block pattern

Input

██░░\n▓▓▒▒

Output

A 4x2-cell grayscale GIF: solid black blocks on the left of row 1, light gray on the right; medium-dark gray on the left of row 2, medium-light on the right.

Each character's ramp position determines its cell's gray value, independent of any surrounding characters.

Best Practices & Notes

Best Practices

Match cell size to your desired final image size; larger cell sizes produce a blockier, more visibly pixelated look.
If rebuilding a multi-frame animation, make sure every frame has the same row and column count before separating them with "===FRAME===".
Use GIF to Unicode Art Converter to produce known-good input if you want to test the round trip.

Developer Notes

Character-to-gray mapping is the exact inverse of the encoding side's luminance-to-ramp-index formula: `gray = 255 - (rampIndex / (rampLength - 1)) * 255`, where `rampIndex` comes from a lookup in the shared `UNICODE_SHADE_RAMP` array exported by `gif-to-unicode-art-converter.ts` (imported here rather than duplicated) to keep both directions guaranteed in sync.

Unicode Art to GIF Converter Use Cases

Converting Unicode shading-block art from a README or terminal output into a shareable grayscale image
Rebuilding a small animation from shading-block text produced by GIF to Unicode Art Converter
Testing how much visual detail survives a round trip through the shading-block text format

Common Mistakes

Pasting frames with mismatched row or column counts and being surprised by a dimension-mismatch error when building a multi-frame GIF.
Expecting color in the output; the ramp only ever encoded brightness, so the result is always grayscale.

Tips

Double-check for stray characters outside the five-character ramp before converting; they render as unexpected blank cells rather than an error.
Start with a small, simple test pattern to confirm the gray mapping matches your expectations before converting something larger.

Unicode Art to GIF Converter