What makes this different from ASCII art?

Classic ASCII art only varies which character is printed, based on brightness. ANSI art keeps every cell as the same solid block character but wraps it in a color escape code, so the full color of the source image is preserved instead of being reduced to grayscale.

What ANSI codes does this produce?

24-bit truecolor foreground codes in the form ESC[38;2;r;g;bm, followed by a full block character (█) and a reset code (ESC[0m) at the end of each line — the most precise, widely-supported way to set an exact RGB color in a modern terminal.

Will this display correctly in every terminal?

Any terminal with 24-bit truecolor support (most modern terminals, including iTerm2, Windows Terminal, GNOME Terminal, and VS Code's integrated terminal) will render it in full, exact color; very old terminals without truecolor support may not interpret the codes correctly.

Can I paste this into a text editor instead of a terminal?

You can, but the raw escape codes will show as unprintable characters or literal text rather than color, since only a terminal (or a terminal-emulating viewer) interprets ANSI escape sequences.

PNG to ANSI Art Converter - Turn an Image into Colored Terminal Art

Overview

Introduction

This tool converts a PNG into colored ANSI terminal art entirely in your browser, preserving the source image's actual colors instead of reducing it to grayscale.

The output is plain text containing real ANSI escape sequences, ready to paste into any truecolor-capable terminal.

What Is PNG to ANSI Art Converter?

A client-side PNG-to-ANSI-art converter that divides the source image into a grid of sample blocks (using the same aspect-corrected geometry as the ASCII converter), averages each block's red, green, and blue channels, and emits a full block character wrapped in a 24-bit truecolor escape sequence for that exact color.

Every line ends with a reset escape code so color doesn't bleed into whatever text follows the art.

How PNG to ANSI Art Converter Works

The number of columns you choose determines each sample block's width; the row count is derived from the image's aspect ratio corrected by a 2x factor, matching how monospace characters are taller than they are wide.

For every block, the tool averages red, green, and blue across every pixel inside it, then writes `ESC[38;2;r;g;bm` followed by a solid block character (█); no attempt is made to vary the character by brightness, since color alone carries the visual information here.

When To Use PNG to ANSI Art Converter

Use it to create real, full-color terminal art from a logo or photo for a CLI tool's splash screen, a terminal-based game, or a colorful README rendered in a terminal.

It's also useful when you specifically want to preserve color, unlike plain ASCII art which is grayscale-only.

Often used alongside ANSI Art to PNG Converter, PNG to ASCII Art Converter and PNG to Braille Art Converter.

Features

Advantages

Runs entirely client-side; your image never leaves the browser.
Preserves full 24-bit color, unlike brightness-only ASCII art.
Produces real, standards-compliant ANSI escape codes that any modern truecolor terminal renders correctly.

Limitations

Only foreground truecolor codes are emitted; background colors and other SGR attributes (bold, underline) aren't used.
Very old terminals without 24-bit truecolor support may render colors inaccurately or not at all.

Examples

Convert a solid red square

Input

A 5x5 fully red PNG, 5 columns

Output

5 lines, each containing 5 red-colored block characters followed by a reset code

Every sampled block averages to pure red, so every cell's escape code is ESC[38;2;255;0;0m.

Reject too few columns

Input

A 2x2 PNG, columns set to 2

Output

An error: "Columns must be a whole number between 5 and 200."

The tool enforces a minimum column count so the sampling geometry stays meaningful.

Best Practices & Notes

Best Practices

View the output in a terminal or terminal emulator with 24-bit truecolor support for accurate colors.
Use a higher column count for photographic images to better capture color gradients.

Developer Notes

The pure sampling logic lives in a lib function that operates on a plain PixelBuffer with no DOM dependency, reusing the same aspect-corrected block-sampling geometry as the ASCII converter but averaging full RGB instead of collapsing to luminance, and formatting each cell as a real ESC[38;2;r;g;bm truecolor SGR sequence per ECMA-48.

PNG to ANSI Art Converter Use Cases

Generating colorful terminal splash art for a CLI tool
Creating full-color ANSI art from a logo for a terminal-based project
Producing pasteable colored text art for a truecolor-capable terminal session

Common Mistakes

Pasting the output into a plain text editor and expecting to see color — only a terminal interprets ANSI escape codes.
Using a very old or non-truecolor terminal, which may not render the 24-bit color codes as intended.

Tips

Pair this with the ANSI Art to PNG converter to verify a round trip reproduces the original colors closely.
If you need grayscale, character-varying art instead, use the PNG to ASCII Art converter.

PNG to ANSI Art Converter