Our Network


Coming Soon


Coming Later

Text to Pixel Art Converter

world's simplest image tool

Free online text to pixel art converter. Just drag and drop your text data here and it will be automatically converted into a viewable pixel art image. You can specify the rules for converting characters to pixel art by assigning a specific color to each character in the options. You can also specify the width of the generated image and add a pixel grid and padding around the image. Created by engineers from team Browserling.

᠎᠎᠎          Tool Options

Pixel Rules

Specify pixel rules.
For example:
"a=red"
"b=blue"

Width and Color

Specify how many text symbols
should fit on a line.
If the data is divided into
new lines, then the width
parameter can be omitted.
Specify the default color
to use in places where
data is missing.

Pixel Size

Specify how much to enlarge
the image.
At value 1 one text symbol
is equal to the 1x1 image,
at value 2 it is 2x2 image,
at value 3 it is 3x3 image,
and so on.

Grid and Padding

Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

What Is a Text to Pixel Art Converter?

This tool converts textual data into pixel art. It assigns each character in the input text a corresponding color and displays the text as a pixelated image. Pixel art is a form of digital art where images are created using individual pixels. Pixel art is often used in video games and other media for its retro style. This tool allows for the conversion of simple textual data into pixelated images based on specified rules and parameters. The process of converting characters to colors involves associating each character in the input text with a specific color. You can define these rules in a multiline text field within the options. To assign a color, use the format "character=color", for example, "b=black" or "1=#ffffff" or "*=rgba(255, 0, 0, 1)". If a character in the input text does not have an assigned color, it will be displayed using the default color specified in the options (by default, this is white). Input data for pixel art typically follows a multiline format where each line of text corresponds to a horizontal line of pixels in the image. In such cases, the program automatically calculates the width of the image based on the longest line of data. Alternatively, you can manually specify the width of the image, and the program will either truncate input data (if there is too much) or pad it with the default color (if there is not enough). Alternatively, the input data may not use a multiline format and consist of continuous single-line textual characters. In this case, you must specify the image width so that the program divides the data into chunks of equal length. The minimum image size is when one text character corresponds to one (actual) pixel in the image. However, drawing pixel art in this mode can be challenging. Therefore, you can set the pixel size in the options to zoom the image. For example, a pixel size of 2 means that one character corresponds to a 2x2 pixel square, and a pixel size of 10 means that one character corresponds to a 10x10 pixel square. For simple pixel drawing, you can enable a grid of lines. You can customize its color to easily understand where each pixel is located. Additionally, you can add padding around the image, which will use the default color and width specified in the options. Image-abulous!


Text to Pixel Art Converter Examples

Click to try!

Create a Pixel Art of a Duck

In this example, we generate pixel art of a duck using a set of characters and color usage rules. We input multiline data consisting of digits from "0" to "9", as well as the letter "a." In the options, we assign each of these characters an individual color, namely, "0=#c8edff" (LightBlue), "1=#000000" (black), "2=#ffffff" (white), and so on. The program draws the characters in their corresponding colors, creating an image of a cute yellow duck.

000000000000000000000000000000 000000000000000111111000000000 000000000000001444444100000000 000000000000014333333410000000 000000000000143333333341000000 000000000001433333333334100000 000000000001333333333333100000 000000000001333333222333100000 000000000001333333211335100000 000000000001333333212331710000 000000000001333333211331671100 011000000001533333333351667710 014100000000153333333318888810 013410000000015333333511111100 013311110000111333333100000000 013344441111444333333411000000 013333334444333333333344100000 013333333333331133333333100000 015333311111114433333133410000 001333314444443333333133310000 001333331533333333333133310000 001533333155333333335133310000 000133333311553333351333310000 000153333333115555513335100000 000015333333331111133355100000 000001555333333333335511000000 000000111555555555551100000000 000000000111111111110000000000 000000000001666661000000000000 000000000000111111000000000000 999999999999999999999999999999 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

Pixel Art for a Game Character

In this example, we create pixel art of our favorite character, Link, from the video game franchise The Legend of Zelda. To do this, we use multiline text data consisting of 30 different characters, including lowercase letters from a to z and four uppercase letters ABCD. The width of the image is determined automatically, based on the number of characters per line (which is 32 symbols). Each of these characters corresponds to an 8x8 pixel square in the image, thus making the width of the Link image 256 pixels.

AAAAAAAAAAAAAABBBBBAAAAAAAAAAAAA AAAAAAAAAAAABBkukukBBAAAAAAAAAAA AAAAAAAAAAABukwvwvukuBBAAABAAAAA AAAAAAAAAABuvwvwvwvwkuBBABgBAAAA AAAAAAAAABukwvxyukwvwkuBBhjCBAAA AAAAAAAAcdyxkxfdyukuvukBBgiCBAAA AAAAAAAcefdyxcefdkukukukBhjCBAAA AAAAAAAefeydyeaefdkBBukuBjiCBAAA AAAAAAxfdfxyxybydfdyBBukBijCBAAA AAAAAAyeceBxybydydyekBBBBgjCBAAA AAAAAAxcxfBBbaBBBydyBBxyBhjCBAAA AAAAAAyxydyBabaBCByxybaBBgiCBAAA AAAAAAxAAyxBbabButdfxaBkBijCBAAA AAAAAAAAAxybabababceyBkuBgjCBAAA AAAAAAAAAAxBbababadfBBukBhjCBAAA AAAAAAAAAABBBbabBBcBBukuBgiCBAAA AAAABBBBBAwkBBBBukuBuBukBhjjBAAA AAABDiDiDBkukuvwkBBBkuBuABiBAAAA AABenonBiBuvwvwkBBBkwkuBABjBAAAA ABenenoBDBkukukuBBkuvwBBABiBABBA ABnCnonBiBukukBeBwukwBrsBBgBBrrB ABonoqpBDBkwkBtBwukuvBsrBCBCBrsB BpnpnpnoBDBBBBBwBBBBuBrsrBeBrsrB BnpnpnoBDBBBBBBteBBBkuBrsrsrsrBA BononoBDBBxBuBBBBkBABBABBBBBBBAA ABoqoqBiBxaBkukukwBAAABxaBzyBAAA ABqoqoBDBybBukwkuvuBAABBbBmlyAAA AABeonBiBBBuvuvukwvBAAAByBlmzAAA AABBBBiBAAAvwkwkuvwkBAABBBylyAAA AAABDiBAAABAkwvukuBBBAAABbByBAAA AAAABBAAAABDBBukuBtDBAAAABBBAAAA AAAAAAAAABDCDtBBBBjCBAAAABsrBAAA AAAAAAAAABtjtBAAADCjtBAAAABBAAAA AAAAAAAAABDtDBAAABDtDBBAAAAAAAAA AAAAAAAABBBBBBAAABBBBBBBAAAAAAAA AAAAAAAByBabyBAAABabBxaBAAAAAAAA AAAAAAABxBbyBBAAABxaBBxBAAAAAAAA AAAAAAABBBBBBBAAAABBBBBBBAAAAAAA AAAAAABByzBBBBAAAABBBzyBBAAAAAAA AAAABBBBBBBBBAAAAAABBBBBBAAAAAAA AAAABzbayBBBBAAAAAABBzbayBAAAAAA AAAABBzyBBBBBAAAAAABBBzyBBAAAAAA AAAABBBBBBBBBAAAAAAABBBBBBAAAAAA
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

Draw a Super Mario Sprite

In this example, we draw a sprite of Super Mario from a continuous sequence of characters. To achieve this, we use intuitively simple rules, denoting the color of each pixel by the first letter of its name, w for white, b for black, r for red, n for navajoWhite, s for steelBlue, and c for chocolate. To clearly see how many pixels of each color are to be used in the sequence, we employ a grid mode with semi-transparent black lines. Additionally, since the data has a continuous format, we specify a fixed image width of 19 characters per line.

wwwwwbbbbbbbbwwwwwwwwwwbbrrrrrrrbwwwwwwwwbrrrrrrrrrbwwwwwwwbbrrrrrbbbbbbbwwwwbrrrrrbbbbbbbbbbwwbrrrbbbnnnnnnbbwwwwbbbbbbnnnnbnbbwwwwwwbnnbbnnnnbnbbbbwwwwbnbbbbnnnnnnnnnbwwwbnbnbbnnbbnnnnnbwwwbnnnnnnnbbbbnnbwwwwwbbbnnnnnbbbbbwwwwwwwwbnnnnnnnnbwwwwwwwwwwbbbbbbbbwwwwwwwwwwbrrssrrbbbbwwwwwwwbrrbrssrrbnbbwwwwwbrrrbbssrrbnnbwwwwwbbrrnnbswwbnnbwwwwwwbbnnnbswwsbbwbbwwwbcbnnbssssssbbccbwbbccbbsssssssscccbbccccssbbbbbsscccbbbccbbssssbwwbbbccbwbbbwwbbbbwwwwwbbbww
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

ASCII Art to Pixel Art

In this example, we convert ASCII art to pixel art. ASCII art is a technique in which characters from the ASCII character set are used to create images. We input a heart designed in ASCII art style and transform it into a colorful PNG image. We define rules for replacing ASCII characters with colored pixels in the options, set the pixel size to 12, and add white padding around all sides of the heart image.

..##...##.. .#$$#.#$*#. #$.**#$***# #$.*******# .#$******#. ..#$****#.. ...#$**#... ....#$#.... .....#.....
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

Simple Rainbow Pixel Image

This example creates a simple rainbow image from seven text characters. It generates only one line of pixels composed of seven colors representing the hues of the rainbow. Since the image is quite small, it significantly zooms in using a pixel size of 40.

roygbiv
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

Generate Empty Grid

This example creates an empty grid, convenient for pixel drawing. The grid has 16 cells horizontally and 16 cells vertically. Each cell corresponds to the character "×", which by default has no assigned color and is displayed with a default transparent background. Additionally, in the options, two rules are specified: "0=black" and "1=red". This means that if you replace certain "×" characters in the input with "0" or "1", you will obtain a pattern composed of black and red pixels in the output.

×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ×××××××××××××××× ××××××××××××××××
Required options
These options will be used automatically if you select this example.
Specify pixel rules.
Specify how many text symbols
should fit on a line.
Specify the default color
to use in places where
data is missing.
Specify how much to enlarge
the image.
Draw a grid for individual
colors.
Specify the grid lines color.
Add space around the image.
(Uses the fill set in the default
color option).
Specify image padding (in px).

All Image Tools

Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!

Quickly pixelate an area of an image.

Quickly blur an area of an image.

Quickly sharpen an area of an image.

Quickly increase or decrease the brightness of an image.

Quickly increase or decrease the contrast of an image.

Quickly increase or decrease the lightness of an image.

Quickly increase or decrease the hue of an image.

Quickly increase or decrease the saturation of an image.

Quickly add a sepia effect to an image.

Quickly add a rainbow effect to an image.

Quickly apply a popular filter to an image.

Quickly rotate any image by an arbitrary angle.

Quickly resize any image to any size.

Quickly create a larger image from a smaller image.

Quickly create a smaller image from a larger image.

Quickly upsize an image's dimensions proportionally.

Quickly downsize an image's dimensions proportionally.

Quickly crop an area of any image.

Quickly slice a part of an image.

Quickly cut out the desired fragment of an image.

Quickly convert a color image to a grayscale image.

Quickly make multiple copies of an image.

Quickly flip an image horizontally.

Quickly flip an image vertically.

Quickly change the orientation of an image to horizontal or vertical.

Quickly change image orientation from horizontal to vertical.

Quickly change image orientation from vertical to horizontal.

Quickly add text to any image.

Quickly add annotations (text, labels, arrows, boxes) to images.

Quickly add copyright protection to an image.

Quickly hide information in an image by blurring it or blacking it out.

Quickly hide any face in an image behind a blur layer.

Quickly hide any face in an image behind a pixel layer.

Quickly hide any face in an image and safeguard personal data.

Quickly apply a blur mask to car license plates in the image.

Quickly apply a pixel mask to car license plates in the image.

Quickly hide any license plate in an image from unwanted views.

Quickly add noise (pixel grain) effect to an image.

Quickly convert any color in an image to transparent.

Quickly add translucency to the given image.

Quickly make the background of an image transparent.

Quickly add a background to a transparent image.

Quickly change one color to another in any image.

Quickly change the visual quality of any image.

Quickly convert a PNG image to a JPG image.

Quickly convert a JPG image to a PNG image.

Quickly convert a PNG image to a GIF image.

Quickly convert a GIF image to a PNG image.

Quickly convert a PNG image to a BMP image.

Quickly convert a BMP image to a PNG image.

Quickly convert a WebP image to a JPG image.

Quickly convert a JPG image to a WebP image.

Quickly convert a WebP image to a PNG image.

Quickly convert a PNG image to a WebP image.

Quickly convert a WebP image to a GIF image.

Quickly convert a GIF image to a WebP image.

Quickly convert a WebP image to a BMP image.

Quickly convert a BMP image to a WebP image.

Quickly base64-encode a PNG image.

Quickly decode a base64-encoded PNG image.

Quickly convert a BMP image to a GIF image.

Quickly convert a GIF image to a BMP image.

Quickly convert a JPEG image to a bitmap image.

Quickly convert a bitmap image to a JPEG image.

Quickly base64-encode a BMP image.

Quickly base64-decode a bitmap image.

Quickly base64-encode a WebP image.

Quickly base64-decode a bitmap image.

Quickly convert a JPEG image to a single-frame GIF image.

Quickly convert an animated GIF to a JPEG image.

Quickly convert a GIF to base64 encoding.

Quickly convert a base64 encoding to a GIF.

Quickly view and extract frames from GIF animations.

Quickly play a GIF animation frame by frame.

Quickly base64-encode a JPEG image.

Quickly decode a base64-encoded JPEG image.

Quickly change the compression level of a JPG image.

Quickly make the file size of an image smaller.

Quickly convert an image to base64 encoding.

Quickly convert base64 encoding to an image.

Quickly convert an image to a Data URL.

Quickly convert a Data URL to an image.

Quickly add a border around an image.

Quickly remove the border that surrounds the image.

Quickly create a colored outline around objects in the image.

Quickly pad an image from all sides.

Quickly expand an image by adding space around it.

Quickly make corners of any image rounded.

Quickly generate a random image.

Quickly generate an image from text typed on your keyboard.

Quickly explode an image into a bunch of tiny pieces.

Quickly split an image into smaller parts.

Quickly cut an image into horizontal or vertical strips.

Quickly skew an image by the given angle.

Quickly an image to the left or to the right.

Quickly convert all colors in an image to just black and white.

Quickly convert a multicolor image to a duotone image.

Quickly convert an image to the binary art.

Quickly run a dithering algorithm on an image.

Quickly decrease the number of colors in an image.

Quickly simplify the color scheme of the image.

Quickly create a custom image of any color and width/height.

Quickly create an image with a linear or radial gradient.

Quickly create an empty image of arbitrary size.

Quickly create a one-color image of the desired shade.

Quickly invert all pixels in an image to the opposite color.

Quickly use a color picker to select a color in an image.

Quickly find dominant colors in an image.

Quickly find the tones that form the color palette of the image.

Quickly generate image size, format, pixel, and color palette information.

Quickly confirm or refute the PNG image format.

Quickly confirm or refute the JPG image format.

Quickly confirm or refute the WebP image format.

Quickly confirm or refute the GIF image format.

Quickly confirm or refute the BMP image format.

Quickly determine the image file size in bytes and kilobytes.

Quickly find the width, height, orientation, and aspect ratio of an image.

Quickly open and view images in your browser.

Quickly redraw an image using only web-safe colors.

Quickly separate RGBA, CMYK, and HSL channels from an image.

Quickly show the red, green, blue, and alpha channel of the RGBA color scheme.

Quickly show the hue, saturation, and light channels of the HSL color scheme.

Quickly show the hue, saturation, and value channels of the HSV color scheme.

Quickly show the hue, saturation, and intensity channels of the HSI color scheme.

Quickly show the cyan, magenta, yellow, and key channels of the CMYK color scheme.

Quickly show the lightness, A, and B channels of the LAB color scheme.

Quickly show the luma (Y) and chrominance (I and Q) channels of the YIQ color scheme.

Quickly show the hue, chroma, and luminance channels of the HCL color scheme.

Quickly show the luminance, chroma, and hue channels of the LCH color scheme.

Quickly show the Y (luma), Cb (blue-difference), and Cr (red-difference) channels of the YCbCr color scheme.

Quickly change the base color scheme in the image.

Quickly refine the image object's edges by removing noisy pixels.

Quickly select any object in the image and extract it by its color.

Quickly remove a specific color region from any image.

Quickly remove a green screen from any image.

Quickly remove a chroma key from any image.

Quickly check if an image has transparent pixels.

Quickly view transparent, semi-transparent, and opaque areas in an image.

Quickly generate a black silhouette of objects in an image.

Quickly create a stencil from opaque objects in an image.

Quickly rotate pixels around a central point in an image.

Quickly convert an image to a polaroid snapshot.

Quickly add a symmetrical part to your image.

Quickly optimize the quality of an image.

Quickly add a block or glitch compression effect to the image.

Quickly convert an image to R, G, B values.

Quickly create an image from an R, G, B array.

Quickly convert an image to hex codes.

Quickly create an image from a list of hex codes.

Quickly convert a set of symbols into an image using color assignment rules.


Coming Soon

These image tools are on the way!
Image Editor

Edit images in your browser.

Create a Fibonacci Spiral

Place images on a grid so that they make a Fibonacci spiral.

Convert PNG to ICO

Convert a PNG image to an ICO icon.

Convert ICO to PNG

Convert an ICO icon to a PNG image.

Convert PNG to TIFF

Convert a PNG image to a TIFF image.

Convert TIFF to PNG

Convert a TIFF image to a PNG image.

Convert JPG to ICO

Convert a JPEG image to an ICO icon.

Convert ICO to JPG

Convert an ICO icon to a JPEG image.

Convert JPG to TIFF

Convert a JPEG image to a TIFF image.

Convert TIFF to JPG

Convert a TIFF image to a JPEG image.

Convert GIF to ICO

Convert a GIF image to an ICO icon.

Convert ICO to GIF

Convert an ICO icon to a GIF image.

Convert GIF to TIFF

Convert a GIF image to a TIFF image.

Convert TIFF to GIF

Convert a TIFF image to a GIF image.

Convert GIF to Animated PNG

Convert a GIF image to an APNG icon.

Convert Animated PNG to GIF

Convert an APNG image to a PNG image.

Convert BMP to ICO

Convert a bitmap image to an ICO icon.

Convert ICO to BMP

Convert an ICO icon to a bitmap image.

Convert BMP to TIFF

Convert a bitmap image to a TIFF image.

Convert TIFF to BMP

Convert a TIFF image to a bitmap image.

Convert Webp to ICO

Convert a Webp image to an ICO icon.

Convert ICO to Webp

Convert an ICO icon to a Webp image.

Convert Webp to TIFF

Convert a Webp image to a TIFF image.

Convert TIFF to Webp

Convert a TIFF image to a Webp image.

Create an Animated GIF

Create an animated GIF image from static frames.

Create Image from BGR Array

Create an image from an B, G, R array.

Create Image from RGBA Array

Create an image from an R, G, B, A array.

Create Image from BGRA Array

Create an image from an B, G, R, A array.

Enhance Image Quality

Increase the quality of an image.

Reduce Image Quality

Decrease the quality of an image.

Extract Text from Image

Apply OCR on an image and extract all text from it.

Remove Text from Image

Erase text or label from an image.

Remove Object from Image

Erase any object from an image.

Create a Thumbnail

Convert an image to a thumbnail

Create a Glitch Image

Convert a PNG, GIF, JPG or BMP to glitch art.

Run Zalgo on an Image

Let Zalgo destroy an image.

Convert Image Color Space

Change an image color space to HSL, HSV, CMYK, or RGB.

Convert Image Bits Per Pixel

Change an image bit depth to 32, 24, 16, 8, 4, 2 bits or just 1 bit.

Create an Image Mosaic

Create a mosaic wall from multiple images.

Generate ASCII Art from an Image

Create an ASCII art image from a regular image.

Generate ANSI Art from an Image

Create an ANSI art image from a regular image.

Generate Unicode Art from an Image

Create a Unicode art image from a regular image.

Generate Braille Art from an Image

Create a Braille art image from a regular image.

Add a Label to an Image

Add a short one-line label to an image.

Delete a Watermark from an Image

Remove a watermark from an image.

Add Halftone Effect to an Image

Create an image made out of dots of varying size and spacing.

Blockify an Image

Convert an image to a bunch of blocks.

Add Progressive Effect to an Image

Create a GIF from the original image with interlacing effect.


Subscribe!

Subscribe to our updates. We'll let you know when we release new tools, features, and organize online workshops.

Enter your email here


Feedback. We'd love to hear from you! 👋