This is a free and fast online utility that converts decimal or hexadecimal pixel byte arrays into BMP images. You can use the configuration options (below) to identify the byte notation, select the RGB channel order, and set the bitmap width. Extra options allow you to choose a fill color for incomplete data and enlarge every source pixel into a crisp square block. Created by graphics designers from team Browserling.
This is a free and fast online utility that converts decimal or hexadecimal pixel byte arrays into BMP images. You can use the configuration options (below) to identify the byte notation, select the RGB channel order, and set the bitmap width. Extra options allow you to choose a fill color for incomplete data and enlarge every source pixel into a crisp square block. Created by graphics designers from team Browserling.
This free online browser-based program turns a byte array into a visible BMP image. It groups the input bytes into sets of three, reconstructs one pixel from each set, and draws the pixels row by row from left to right. The bytes can be written as ordinary decimal values, such as "255, 128, 0", or hexadecimal values, such as "ff, 80, 00" and "0xFF, 0x80, 0x00". By default, the automatic mode examines the notation of the input values, determines whether they are decimal or hexadecimal bytes, and decodes them accordingly. Some values, however, are valid in both formats. For example, "10, 20, 30" can represent either decimal or hexadecimal bytes because every value is valid in either notation. In such cases, you can select "Read Decimal RGB Bytes" or "Read Hex Bytes" to tell the program exactly how to interpret the data. The program accepts plain byte lists, one-dimensional arrays, pixel-grouped arrays, row-grouped arrays, and fully nested structures produced by the Convert Bitmap to Byte Array tool. It also accepts custom byte and pixel separators made from punctuation or whitespace. You can use the "Byte Order" option to specify how the three color channels are arranged in every pixel. Select RGB for red-green-blue data, BGR (blue-green-red) for the channel order commonly used in 24-bit BMP pixel storage, or any of the four other channel arrangements. To arrange the decoded pixels into bitmap rows, enter the number of pixels per row in the "Width" option. If the input is already divided into lines or nested rows of the correct length, you can leave the width empty and preserve that existing structure. Any incomplete pixel, as well as any missing position at the end of a shorter row, is replaced with the selected "Fill Color". You can also increase the "Pixel Size" to turn every data pixel into a larger, sharp-edged square, making compact byte-array images easier to view or use as pixel art. Bmp-abulous!
This free online browser-based program turns a byte array into a visible BMP image. It groups the input bytes into sets of three, reconstructs one pixel from each set, and draws the pixels row by row from left to right. The bytes can be written as ordinary decimal values, such as "255, 128, 0", or hexadecimal values, such as "ff, 80, 00" and "0xFF, 0x80, 0x00". By default, the automatic mode examines the notation of the input values, determines whether they are decimal or hexadecimal bytes, and decodes them accordingly. Some values, however, are valid in both formats. For example, "10, 20, 30" can represent either decimal or hexadecimal bytes because every value is valid in either notation. In such cases, you can select "Read Decimal RGB Bytes" or "Read Hex Bytes" to tell the program exactly how to interpret the data. The program accepts plain byte lists, one-dimensional arrays, pixel-grouped arrays, row-grouped arrays, and fully nested structures produced by the Convert Bitmap to Byte Array tool. It also accepts custom byte and pixel separators made from punctuation or whitespace. You can use the "Byte Order" option to specify how the three color channels are arranged in every pixel. Select RGB for red-green-blue data, BGR (blue-green-red) for the channel order commonly used in 24-bit BMP pixel storage, or any of the four other channel arrangements. To arrange the decoded pixels into bitmap rows, enter the number of pixels per row in the "Width" option. If the input is already divided into lines or nested rows of the correct length, you can leave the width empty and preserve that existing structure. Any incomplete pixel, as well as any missing position at the end of a shorter row, is replaced with the selected "Fill Color". You can also increase the "Pixel Size" to turn every data pixel into a larger, sharp-edged square, making compact byte-array images easier to view or use as pixel art. Bmp-abulous!
In this example, we turn a decimal RGB byte array into a Super Mario bitmap sprite. The automatic mode recognizes the decimal byte notation, while the line breaks already divide the array into rows and supply the image width, so the width option stays empty. We set pixel size to 5, enlarging every source pixel into a crisp 5-by-5 block and producing a clean 80-by-160 BMP sprite. (Source: Nintendo.)
In this example, we reconstruct a blue iris bitmap from an array of 0x-prefixed hexadecimal RGB bytes and leave byte-format detection in automatic mode. The 50 inner arrays correspond to the 50 image rows, with 29 pixels in each row, so the nested structure preserves the original layout. We enlarge each source pixel into a 2-by-2 block and produce a 58×100 BMP. (Source: Vecteezy.com.)
In this example, we decode an unusually formatted hex string into a pumpkin BMP. As the input bytes are not divided into rows, we specify the expected bitmap width and reconstruct a 50-by-43 image. The values follow the BGR order commonly used in bitmap files, so we select this order in the options. Choosing another byte order produces an interesting version of the same BMP with shifted colors. (Source: Vecteezy.com.)
Create and edit bitmaps in your browser.
Make a bitmap smaller in size.
Convert a compressed bitmap to a raw RGB pixel bitmap.
Create a swirl of any radius in a bitmap.
Reduce all bitmap colors to just black and white.
Join two or more bitmaps together.
Place two or more bitmaps on top of each other.
Split a bitmap into multiple independent bitmaps.
Extract one or more selected areas from a bitmap.
Make copies of bitmaps and paste them together.
Skew a bitmap by an arbitrary angle.
Shift a bitmap to the left or right.
Convert a BMP to a Webp.
Convert a Webp to a BMP.
Convert a BMP to a PNG.
Convert a PNG to a BMP
Convert a BMP to a JPG.
Convert a JPG to a BMP.
Convert a BMP to a BPG.
Convert a BPG to a BMP.
Save GIF frames as BMP images.
Convert a bitmap to a single-frame GIF.
Create a Data URL scheme of a bitmap.
Convert a Data URL scheme back to a bitmap image.
Bit Blit two or more BMPs.
Put a new color table in a BMP.
Extract the color table of a BMP.
Extract raw RGB pixels from a BMP and print them out as text.
Create a bitmap image from raw RGB pixels.
Randomly rearrange colors in the BMP color table.
Reduce a BMP's memory footprint.
Destroy parts of a bitmap and make it glitchy.
Subscribe to our updates. We'll let you know when we release new tools and features, and when we organize online workshops.
Enter your email here
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling, we love to make people's lives easier, so we created this collection of online bitmap tools. Our BMP tools have the simplest possible user interface and work directly in your browser without downloads or installations. You can use them to edit bitmap images, change BMP bit depth and colors, resize bitmaps, create transparent BMPs, work with bitmap pixels and byte arrays, and much more. Behind the scenes, our bitmap tools are powered by our web developer tools that we've created over the years. Check them out!
