᠎᠎᠎          
51K

Symbols to Bitmap Converter

World's simplest bitmap tool
This is a free and fast online utility that converts text symbols into colored pixels in a bitmap image. You can use the configuration options (below) to define symbol-to-color rules and set the size of each symbol-based pixel block. Extra options allow you to overlay a customizable cell grid and surround the bitmap with a frame of the specified thickness. Created by graphics designers from team Browserling.
we have a comic! comic for nerds
We have created our own comic! Check it out! New comics every week.
A link to this tool, including input, options and all chained tools.
Import from file
Save as...
Copy to clipboard
Download
Export to Pastebin
Can't convert.
An error has occured.
Chain with...
Remove chain
Save as...
Copy to clipboard
Download
Export to Pastebin
Remove no tools?
This tool cannot be chained.
Symbol Color Map
Put one symbol and its color on each line, separated by =.
Sample rules: "x=navy" "y=white"
Row Layout
Set how many symbols form each row of the bitmap.
Leave this field blank when line breaks already arrange the symbol rows.
Choose the color for unknown symbols and unfilled positions.
Pixel Scale
Enlarge every symbol pixel into a square of this many pixels.
A size of 1 draws a 1×1 block; 2 draws 2×2; 3 draws 3×3; and so on.
Grid and Bitmap Frame
Outline each scaled symbol pixel with a visible grid.
Pick a color for the cell grid.
Place empty space around all four bitmap sides.
Enter the frame width in pixels.

What is a Symbols to Bitmap Converter?

learn more about this tool
This free online browser-based program converts a pattern of text symbols into a bitmap image. It maps symbols to bitmap pixels by assigning a color to each character, such as "x=navy", "y=white", or "o=#ffb347", and replacing every occurrence of that character with a pixel of the specified color in the resulting BMP image. By arranging the symbols into lines, you can quickly draw pixel art, bitmap sprites, retro game characters, creatures, and other grid-based artwork. For example, you can use one symbol for a character's outline, another for their skin, and several more for clothing, hair, weapons, shadows, and background details, making it easy to create your own small bitmap scenes and sprite characters from plain text. By default, each input line forms one bitmap row. If the input is written as one continuous sequence, you can enter how many symbols should appear in each row, and the program will automatically wrap the sequence into a rectangular bitmap. When line lengths differ, the longest line determines the bitmap width. Symbols that do not have a matching color rule, as well as unfilled positions at the ends of shorter rows, are painted using the selected unmapped area color. To make the bitmap easier to inspect, you can increase the block size, which enlarges every logical symbol pixel into a square block of BMP pixels while keeping the edges sharp. You can also show a cell grid to outline each scaled symbol pixel and choose the grid color for better visibility. If needed, you can add a bitmap frame, which places extra space around all four sides of the image, and specify the frame thickness in pixels. Bmp-abulous!

Symbols to Bitmap Converter examples

Click to use
Draw a Watermelon Slice Bitmap
In this example, we convert a 20-by-19 grid of digits into a colorful watermelon slice. Seven symbol rules assign sky blue to "0", black and white to the outline, two shades of red to the fruit, and two shades of green to the rind. As every input line is exactly 20 characters long, we leave the row width empty and use the existing line breaks to arrange the bitmap. A block size of 12 expands the symbol design into a crisp 240×228 BMP without grid lines or extra framing.
00000000000000000000 00000000011000000000 00000000133100000000 00000001344310000000 00000001344310000000 00000013414431000000 00000134444443100000 00000134444143100000 00001344414444310000 00013444444444431000 00013441444414431000 00124444441444442100 01552244444444225510 01555522444422555510 01665555222255556610 00116655555555661100 00001166666666110000 00000011111111000000 00000000000000000000
In this example, we convert a 20-by-19 grid of digits into a colorful watermelon slice. Seven symbol rules assign sky blue to "0", black and white to the outline, two shades of red to the fruit, and two shades of green to the rind. As every input line is exactly 20 characters long, we leave the row width empty and use the existing line breaks to arrange the bitmap. A block size of 12 expands the symbol design into a crisp 240×228 BMP without grid lines or extra framing.
Required options
These options will be used automatically if you select this example.
Put one symbol and its color on each line, separated by =.
Set how many symbols form each row of the bitmap.
Choose the color for unknown symbols and unfilled positions.
Enlarge every symbol pixel into a square of this many pixels.
Outline each scaled symbol pixel with a visible grid.
Pick a color for the cell grid.
Place empty space around all four bitmap sides.
Enter the frame width in pixels.
Create a Pikachu Bitmap Sprite
In this example, we construct a Pikachu sprite from a 48-by-50 character map. Periods create the white background, while ten letter symbols represent the yellows, browns, reds, highlights, and dark outlines used for Pikachu's body and details. The equal-length input lines determine the bitmap width automatically, while a block size of 7 enlarges each symbol pixel and a 10-pixel white frame adds space around the finished sprite. (Source: Nintendo.)
................................................ ........b....................................... .......bbb...................................... .......bbb...................................... .......bbbb..................................... ......bbgys..................................... ......bgyyys..................bbbbb............. ......byyyyb...............bbbgggbb............. ......syyyyb.............bbggggbbb.............. ......syyyyb...........ssllggbbbbb.............. ......syyyyb.........sslllllbbbbb............... ......syyyybossssss.syllllllbbbb................ .......syyookkkllllolllllllobbb...........pp.... .......ssoykkkkklllllllllobbb............pllp... .......sylkkkkkklllllloobb..............pllllp.. ......sllllkklkllbbolllb...............olllllp.. ......boblllllllb.bbllls..............olllllllp. .....spb.yllllllbbgbllllp...........oollllllllp. .....sogbollllllobbolllls..........pllllllllllp. .....oybpllsolllllllttlyos........pllllllllllllp ....slllllllllllllltttryysps.s...plllllllllllllp ....stlllllsssppsyyttrryysplslpp.pyllllllllllllp ....styylosprrtpyyyrrrryypyllllbpyyyylllllllllb. ....sryyyyyyrttpyyyyrryyypylllsbyyyyyyylllllbb.. .....syyyyyypttpyyyyyyyypyyylllbyyyyyyyyylbb.... ......syyyyyyppyyyyyyyypyyyyyysyyyyyyyyybb...... ......syyyyyyyyyyyyyyyypyyyyyb.syyyyyybb........ .......syyyyyyyyyyyyyypoyyyyyb..syyyyp.......... ......posyyyyyyyyyyyyypyyyyyb....syyyys......... ....ppllyoylyyyyyyyyylyyyyyyb.....syyys......... .ppplllllolylylyyyyyllyyyyyys....boyyyys........ plllllllllllllyyyyllllyyyyys....soooyops........ .pollllllllllllllllllllyyyls...boooopp.......... .plllyylllllllllllllllllllllb...boob............ ..psssbbpollllllllllllllllllb....bpob........... .........plllllllllllllllllls.....bppb.......... .........pllllllllllllllllllys.bbbpppb.......... .........pllllllllllllllllllys.bsspbb........... .........pllllllllllllllllllyybsbbb............. .........plllllllllllllllllyyyssb............... ........slllllllllllllllylyyyyyssb.............. ........syllllyyyyyylllylylyyyybb............... ........syyyyyyyyyyyyyyyylyyyyob................ .........pyyyyyyyyyyyyyyyyyyyyb................. .........syyyyyyyyyyyyyyyyyyyyb................. ..........soyyyyosssssyyyyyyybob................ ...........sooopb.....sssyyyppoob............... ..........syyyob.........ssssopob............... .........slplpb..............bbb................ ..........sbb...................................
In this example, we construct a Pikachu sprite from a 48-by-50 character map. Periods create the white background, while ten letter symbols represent the yellows, browns, reds, highlights, and dark outlines used for Pikachu's body and details. The equal-length input lines determine the bitmap width automatically, while a block size of 7 enlarges each symbol pixel and a 10-pixel white frame adds space around the finished sprite. (Source: Nintendo.)
Required options
These options will be used automatically if you select this example.
Put one symbol and its color on each line, separated by =.
Set how many symbols form each row of the bitmap.
Choose the color for unknown symbols and unfilled positions.
Enlarge every symbol pixel into a square of this many pixels.
Outline each scaled symbol pixel with a visible grid.
Pick a color for the cell grid.
Place empty space around all four bitmap sides.
Enter the frame width in pixels.
Build Alucard's Sword from Symbols
This example creates Alucard's Sword (from the Castlevania game) from one continuous sequence of 256 symbols. Instead of relying on line breaks, we set the row width to 16, which wraps the sequence into a 16×16 symbol map. The color rules form a dark-blue field, a black contour, a silver blade, and a gold-and-red hilt. We enlarge each symbol pixel into a 16×16 block, add a light grid that separates the cells, and create a 12-pixel dark-blue frame around the BMP. (Source: Konami.)
___________________________yop____________ybbyp__________yb_rmo_________ob_rmbb_________blomb___________gsyb___________gcsgob_________gcsbbb_________gcsb___________gcsb___________gwsb___________gwsb___________gcsb____________bbb____________________________
This example creates Alucard's Sword (from the Castlevania game) from one continuous sequence of 256 symbols. Instead of relying on line breaks, we set the row width to 16, which wraps the sequence into a 16×16 symbol map. The color rules form a dark-blue field, a black contour, a silver blade, and a gold-and-red hilt. We enlarge each symbol pixel into a 16×16 block, add a light grid that separates the cells, and create a 12-pixel dark-blue frame around the BMP. (Source: Konami.)
Required options
These options will be used automatically if you select this example.
Put one symbol and its color on each line, separated by =.
Set how many symbols form each row of the bitmap.
Choose the color for unknown symbols and unfilled positions.
Enlarge every symbol pixel into a square of this many pixels.
Outline each scaled symbol pixel with a visible grid.
Pick a color for the cell grid.
Place empty space around all four bitmap sides.
Enter the frame width in pixels.
All bitmap tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Create a Transparent Bitmap
Quickly convert an opaque bitmap to a transparent bitmap.
Change Bitmap Colors
Quickly substitute one color for another in a bitmap.
Extract Bitmap Color Palette
Quickly find all colors in a bitmap and extract them.
Convert a Bitmap to Grayscale
Quickly turn a color bitmap into a grayscale bitmap.
Animate Bitmap Sprites
Quickly animate a bitmap sprite sheet.
Convert Animation to Bitmap Sprites
Quickly convert an animation into a bitmap sprite sheet.
Blur a Bitmap
Quickly blur an area of a bitmap.
Sharpen a Bitmap
Quickly sharpen an area of a bitmap.
Pixelate a Bitmap
Quickly pixelate an area of a bitmap.
Draw a Random Bitmap
Quickly create a bitmap file from random, colorful pixels.
Resize a Bitmap
Quickly change the width/height of a bitmap.
Crop a Bitmap
Quickly select a region from a bitmap.
Rotate a Bitmap
Quickly rotate a bitmap by any angle.
Add a Border to a Bitmap
Quickly add a border around or inside a bitmap.
Remove a Border from a Bitmap
Quickly delete a border that surrounds a bitmap.
Convert Bitmap to Byte Array
Quickly create a byte array from a BMP image.
Convert Byte Array to a Bitmap
Quickly create a BMP image from a byte array.
Convert RGB Bitmap to BGR Bitmap
Quickly convert RGB bitmap colors to BGR channel order.
Convert BGR Bitmap to RGB Bitmap
Quickly convert BGR bitmap colors to RGB channel order.
Convert Symbols to a Bitmap
Quickly create a BMP image by mapping text symbols to colored pixels.
Base-64 Encode a Bitmap
Quickly convert a BMP file to the base-64 encoding.
Base-64 Decode a Bitmap
Quickly convert base-64 encoding to a BMP file.
Coming soon These bitmap tools are on the way
Edit and Draw Bitmaps
Create and edit bitmaps in your browser.
Compress a Bitmap
Make a bitmap smaller in size.
Uncompress a Bitmap
Convert a compressed bitmap to a raw RGB pixel bitmap.
Change Bitmap Depth
Change the number of bits per pixel of a bitmap.
Swirl a Bitmap
Create a swirl of any radius in a bitmap.
Make Bitmap Black and White
Reduce all bitmap colors to just black and white.
Merge Bitmaps
Join two or more bitmaps together.
Overlay Bitmaps
Place two or more bitmaps on top of each other.
Split a Bitmap
Split a bitmap into multiple independent bitmaps.
Extract a Bitmap Fragment
Extract one or more selected areas from a bitmap.
Duplicate a Bitmap
Make copies of bitmaps and paste them together.
Skew a Bitmap
Skew a bitmap by an arbitrary angle.
Shift a Bitmap
Shift a bitmap to the left or right.
Flip a Bitmap Vertically
Turn a bitmap upside-down.
Flip a Bitmap Horizontally
Make a mirror copy of a bitmap.
Convert Bitmap to Webp
Convert a BMP to a Webp.
Convert Webp to Bitmap
Convert a Webp to a BMP.
Convert Bitmap to PNG
Convert a BMP to a PNG.
Convert PNG to Bitmap
Convert a PNG to a BMP
Convert Bitmap to JPEG
Convert a BMP to a JPG.
Convert JPEG to Bitmap
Convert a JPG to a BMP.
Convert Bitmap to BPG
Convert a BMP to a BPG.
Convert BPG to Bitmap
Convert a BPG to a BMP.
Convert GIF to Bitmap
Save GIF frames as BMP images.
Convert BMP to GIF
Convert a bitmap to a single-frame GIF.
Convert Bitmap to Data URI
Create a Data URL scheme of a bitmap.
Convert Data URI to Bitmap
Convert a Data URL scheme back to a bitmap image.
BitBlt Bitmaps
Bit Blit two or more BMPs.
Replace Bitmap Color Index
Put a new color table in a BMP.
Print Bitmap Color Index
Extract the color table of a BMP.
Print Raw Bitmap Pixels
Extract raw RGB pixels from a BMP and print them out as text.
Convert Raw RGB to BMP
Create a bitmap image from raw RGB pixels.
Randomize Bitmap Color Index
Randomly rearrange colors in the BMP color table.
Optimize a Bitmap
Reduce a BMP's memory footprint.
Destroy a BMP
Destroy parts of a bitmap and make it glitchy.
Created with love by
51K
@browserling
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling our mission is to make developers' lives easier, so we created this collection of online bitmap tools. Unlike many other tools, we made our tools free, without ads, and with the simplest possible user interface. Our online bitmap tools are actually powered by our programming tools that we created over the last couple of years. Check them out!
Secret message
If you love our tools, then we love you, too! Use coupon code BMPLING to get a discount at Browserling.
Privacy Policy we don't log data!
All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server, but it's not associated with any personally identifiable information. We don't use cookies and don't store session information in cookies. We use your browser's local storage to save tools' input. It stays on your computer.
Terms of Service the legal stuff
By using Online Bitmap Tools you agree to our Terms of Service. TLDR: You don't need an account to use our tools. All tools are free of charge and you can use them as much as you want. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.