onlineintegertools logo

Integer image creator

World's simplest integer tool

This browser-based utility creates a downloadable image from the given integers. By default, it automatically determines the size of the image from the size of integers but you can manually override the width and height of the canvas. You can adjust the color palettes for integers and background, as well as select the font family and change the font size. Created by math nerds from team Browserling.
announcement check out our new project!
We just created something new for all science fans – SCIURLS – a neat science news aggragator. Check it out!
Size and Alignment
Width.
Height.
Padding.
Line height.
Horizontal alignment.
Vertical alignment.
Color Palette and Fonts
Background color.
Integers' color.
Integers' font size.
Integers' font family.
URL for the custom font.
Shadow and Format
Add shadow in CSS format: x-offset y-offset color blur
Make the integer font bold.
Make the integer font italic.
Save format.
Integer image creator tool What is a integer image creator?
With this online application, you can convert integers that are written using regular digits 0 to 9 into a computer graphics file. When entering the integers, you can also use any other Unicode characters and create unusual illustrations (see examples). All data that you enter in the left input field will turn into a picture on the right. You can download this picture in PNG, JPEG, GIF, or BMP formats. By default, the dimensions of the picture are computed from the bounding rectangle that encompasses all input digits. If you need to get specific image dimensions, adjust the picture size in the options. The integers and digits can be aligned in the center or on the left or right edges of the frame. You can also add empty space (padding) between the frame and integers and adjust the vertical distance (line-height) between the integers on separate lines. To change the appearance of the image, you can use separate colors for the background and integers. The colors can be specified using their names (red, green, yellow, etc), hex codes (#aabbcc, etc), RGB codes (rgb(120, 60, 30), etc), or RGBA codes (rgba(200, 100, 50, 0.4), etc). You can also select a font for integers and adjust the font size. Currently, you can choose between Roboto, Monospace, Serif, and Sans-serif fonts. Choose them from the font dropdown in the options or set a custom font family by entering the font's URL in the custom font option. Additionally, you can make integers bold or italic and add a shadow of any color. Integerabulous!
Integer image creator examples Click to use
Integer Ruler
In this example, we get creative and design a ruler from integers and Unicode line-drawing characters. We use black ink for the entered glyphs and draw them on a light brown canvas. All lines and integers use the bold Monospace font, which is 20 pixels in size. We do not set the width and height of the canvas and let the app automatically adjusts the frame size around the entered data.
╔══╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦═╤═╦══╗ ║ ╨ ╨ ╨ ╨ ╨ ╨ ╨ ╨ ╨ ╨ ╨ ║ ║ -5 -4 -3 -2 -1 0 1 2 3 4 5 ║ ║ ║ ╚═════════════════════════════════════════════╝
In this example, we get creative and design a ruler from integers and Unicode line-drawing characters. We use black ink for the entered glyphs and draw them on a light brown canvas. All lines and integers use the bold Monospace font, which is 20 pixels in size. We do not set the width and height of the canvas and let the app automatically adjusts the frame size around the entered data.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Padding.
Line height.
Horizontal alignment.
Vertical alignment.
Background color.
Integers' color.
Integers' font size.
Integers' font family.
Add shadow in CSS format: x-offset y-offset color blur
Make the integer font bold.
Make the integer font italic.
Self-referencing Integers
This example creates a drawing of integer digits, which are constructed from the same smaller integer digits. You'll see that the large digit 1 consists of sixteen small ones, the large digit 2 consists of eighteen small twos, etc. Each integer uses bold italic font, 24 pixels in size. We add a 20px padding around the self-referencing integers and draw them in white color on a blue background.
1111 2222 3333 11 22 22 33 33 11 22 333 11 22 33 33 111111 222222 3333 44 44 555555 6666 44 44 55 66 444444 55555 66666 44 55 66 66 44 55555 6666 777777 8888 9999 77 88 88 99 99 77 8888 99999 77 88 88 99 77 8888 9999
This example creates a drawing of integer digits, which are constructed from the same smaller integer digits. You'll see that the large digit 1 consists of sixteen small ones, the large digit 2 consists of eighteen small twos, etc. Each integer uses bold italic font, 24 pixels in size. We add a 20px padding around the self-referencing integers and draw them in white color on a blue background.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Width.
Height.
Padding.
Line height.
Horizontal alignment.
Vertical alignment.
Background color.
Integers' color.
Integers' font size.
Integers' font family.
Add shadow in CSS format: x-offset y-offset color blur
Make the integer font bold.
Make the integer font italic.
Fibonacci Integers
In this example, we create an unusual illustration of Fibonacci integers. We enter the first two values horizontally and write their sum down below the second value. Then we add the last two vertical integers and write their sum on the right. Then we add the next two horizontal values and write down the sum below, and so on. This way, we get an easy to follow Fibonacci sequence. We convert it to an image of the size of 480×480 pixels. We use purple color for the integers and a white color for the canvas. We also use a custom font called Flavors and add a dark violet 5 o'clock shadow to integers.
1 1 2 3 5 8 13 21 34 55 89 144
In this example, we create an unusual illustration of Fibonacci integers. We enter the first two values horizontally and write their sum down below the second value. Then we add the last two vertical integers and write their sum on the right. Then we add the next two horizontal values and write down the sum below, and so on. This way, we get an easy to follow Fibonacci sequence. We convert it to an image of the size of 480×480 pixels. We use purple color for the integers and a white color for the canvas. We also use a custom font called Flavors and add a dark violet 5 o'clock shadow to integers.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Width.
Height.
Padding.
Line height.
Horizontal alignment.
Vertical alignment.
Background color.
Integers' color.
Integers' font size.
Integers' font family.
URL for the custom font.
Add shadow in CSS format: x-offset y-offset color blur
Make the integer font bold.
Make the integer font italic.
Pro tips Master online integer tools
You can pass input to this tool via ?input query argument and it will automatically compute output. Here's how to type it in your browser's address bar. Click to try!
https://onlineintegertools.com/create-image-from-integers?input=%E2%95%94%E2%95%90%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%A4%E2%95%90%E2%95%A6%E2%95%90%E2%95%90%E2%95%97%0A%E2%95%91%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%20%E2%95%A8%20%20%E2%95%91%0A%E2%95%91%20-5%20%20-4%20%20-3%20%20-2%20%20-1%20%20%200%20%20%201%20%20%202%20%20%203%20%20%204%20%20%205%20%20%E2%95%91%0A%E2%95%91%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E2%95%91%0A%E2%95%9A%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%90%E2%95%9D&background-color=rgb%28255%2C%20209%2C%20120%29&font-size=20px&text-color=black&typeface=monospace&text-shadow=&italic=false&bold=true&align-horizontal=left&align-vertical=top&padding=&line-height=
All integer tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly rewrite integer digits using pretty Unicode glyphs.
Quickly generate random two-dimensional integer points.
Quickly generate random three-dimensional integer points.
Quickly print a list of integers that are palindromes.
Quickly convert the given integer to a palindromic integer.
Quickly find all integers in the given text or string.
Quickly make integer digits go in a triangle wave.
Quickly find two or more integers that add up to the given integer.
Quickly find several integers that multiply up to the given integer.
Quickly randomize the given sequence of integers.
Quickly mix the order of digits in an integer.
Quickly put integers in increasing or decreasing order.
Quickly sort the individual digits of an integer.
Quickly increase all integers by a certain amount.
Quickly increase individual digits by a certain amount.
Quickly decrease all integers by a certain amount.
Quickly decrease individual digits by a certain amount.
Quickly randomly select an integer from a list of integers.
Quickly create groups from the digits of an integer.
Quickly write integer digits backwards.
Quickly remove one or more digits from an integer.
Quickly replace one or more digits in an integer.
Quickly add the thousands separator to integers.
Quickly remove the thousands separator from integers.
Quickly find the largest integer in a list of integers.
Quickly find the smallest integer in a list of integers.
Quickly find the total sum of a bunch of integers.
Quickly find the sum of all the digits in an integer.
Quickly find the total product of a bunch of integers.
Quickly find the product of all the digits in an integer.
Quickly flip the sign of one or more integers.
Quickly split an integer into chunks of a given length.
Quickly merge partial integers together to form a larger integer.
Quickly convert integers to a downloadable picture.
Quickly generate a list of von Neumann ordinals.
Quickly generate a list of Zermelo ordinals.
Quickly generate an ordered sequence of integers.
Quickly generate an ordered list of even integers.
Quickly generate an ordered list of odd integers.
Quickly write an integer spelling in words.
Quickly convert spelled integers to regular integers with digits.
Quickly find the number of occurrences of digits in integers.
Coming soon These integer tools are on the way
Draw von Neumann Universe
Create a drawing that visualizes von Neumann hierarchy of sets.
Let Zalgo Destroy Integers
Unleash Zalgo on integers and create integer chaos.
Create Integer n-Tuples
Generate a list of tuples of integers with n elements.
Convert Integers to Unary Base
Quickly convert integers to base one.
Convert Unary Base to Integers
Quickly convert base one to integers.
Convert Integers to Binary Base
Quickly convert integers to base two.
Convert Binary Base to Integers
Quickly convert base two to integers.
Convert Integers to Octal Base
Quickly convert integers to base eight.
Convert Octal Base to Integers
Quickly convert base eight to integers.
Convert Integers to Hex Base
Quickly convert integers to base sixteen.
Convert Hex Base to Integers
Quickly convert base sixteen to integers.
Convert Integers to Any Base
Quickly convert integers to a custom base.
Convert Integers to Base64
Quickly encode integers to base-64.
Convert Base64 to Integers
Quickly decode base-64 to integers.
Convert Integers to HTML Entities
Quickly encode integers to HTML encoding.
Convert HTML Entities to Integers
Quickly decode HTML entities to integers.
Create Random Integers
Generate a list of random integers.
Check if an Integer is Symmetric
Check if the given integers are palindromes.
Generate an Integer Matrix
Create a matrix whose entries are all integers.
Generate an Integer Vector
Create a vector with integer coefficients.
Rotate Integers
Rotate the digits of an integer to the left or right.
Shift Integer Digits
Move the digits of an integer to the left or right.
Subtract Integers
Quickly find the difference of a bunch of integers.
AND Integers
Quickly apply the bitwise AND operation to integers.
OR Integers
Quickly apply the bitwise OR operation to integers.
XOR Integers
Quickly apply the bitwise XOR operation to integers.
NOT Integers
Quickly apply the bitwise NOT operation to integers.
NAND Integers
Quickly apply the bitwise NAND operation to integers.
NOR Integers
Quickly apply the bitwise NOR operation to integers.
XNOR Integers
Quickly apply the bitwise NXOR operation to integers.
Find the Running Total
Calculate the partial sum of a bunch of integers.
Find the Running Product
Calculate the partial product of a bunch of integers.
Convert an Integer to Ordinal
Add -st, -nd, -rd, -th suffixes to integers to make them ordinals.
Convert an Oridinal to Integer
Remove -st, -nd, -rd, -th suffixes from ordinals to make them ints.
Filter Integers
Find integers that match a filter (greater, less, equal).
Truncate Integers
Drop digits from an integer and make it shorter.
Left-pad Integers
Add padding to integers on the left side.
Right-pad Integers
Add padding to integers on the right side.
Right-align Integers
Position all integers so that they align on the right.
Center Integers
Position all integers so that they align in the middle.
Take Absolute Value of Integers
Turn all integers into positive integers.
Make All Integers Negative
Turn all integers into negative integers.
Convert Fractions to Integers
Extract the numerator and denominator of a fraction.
Find and Replace Integers
Search for all occurrences of an integer and replace it.
Generate Integers from Regex
Create integers that match the given regular expression.
Create an Integer Array
Generate an array of integers for programming.