51K

Png background maker

World's simplest png tool

World's simplest online Portable Network Graphics (PNG) background adder. Just import your PNG image in the editor on the left and you'll instantly get a PNG with a new background on the right. Free, quick, and very powerful. Import a transparent PNG – create a PNG with a background. Created with love by team Browserling.
We put a browser in your browser! Browserling
Check out our project Browserling – get a browser in your browser.
PNG Background
Solid background color.
Color 1.
Color 2.
Color 3.
Color 4.
Gradient Type
Linear gradient direction.
Radial gradient position.
Radial gradient radius.
Png background maker tool What is a png background maker?
This quick and simple browser-based utility adds a background to PNG pictures. All you have to do is upload a PNG format file with a transparent background, choose a color for filling the background, and the program will fill the background with this color. You can switch between two background filling modes – a solid color fill or a gradient color. For the solid fill, you just have to indicate the color that you want to use as a background. You can select it in the color palette or specify it by name. For the gradient fill, you can specify two, three, or four colors for a smooth gradient background. In the second block of options, you can select the gradient type and its starting position. In particular, you can add a linear gradient to the background that flows from left to right, right to left, top to bottom, or bottom to top. You can also fill the background with a radial gradient by choosing its starting position (top, bottom, left, right, or center). Additionally, you can specify the radius of the gradient. As you change the options, you'll immediately see the changes in the output preview field, where you can also download the PNG with the new background. If you have a PNG with a background that you need to remove, then use our other PNG background remover utility. Png-abulous!
Png background maker examples Click to use
Add the Sky Background
In this example, we add the sky to a PNG image of buildings. We apply one tone of the blue color to the sky by enabling the "Solid Background" mode and specifying the sky color using the hex code "#c0eeff". (Source: Pexels.)
In this example, we add the sky to a PNG image of buildings. We apply one tone of the blue color to the sky by enabling the "Solid Background" mode and specifying the sky color using the hex code "#c0eeff". (Source: Pexels.)
In this example, we add the sky to a PNG image of buildings. We apply one tone of the blue color to the sky by enabling the "Solid Background" mode and specifying the sky color using the hex code "#c0eeff". (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Solid background color.
Rubik's Cube Background
This example adds a gradient background to a Rubik's cube PNG picture. It uses a linear gradient, which consists of two colors "ivory" and "yellowgreen". The gradient flows from top to bottom. It starts with the ivory color at the top and smoothly transitions to the yellowgreen gradient color at the bottom. (Source: Pexels.)
This example adds a gradient background to a Rubik's cube PNG picture. It uses a linear gradient, which consists of two colors "ivory" and "yellowgreen". The gradient flows from top to bottom. It starts with the ivory color at the top and smoothly transitions to the yellowgreen gradient color at the bottom. (Source: Pexels.)
This example adds a gradient background to a Rubik's cube PNG picture. It uses a linear gradient, which consists of two colors "ivory" and "yellowgreen". The gradient flows from top to bottom. It starts with the ivory color at the top and smoothly transitions to the yellowgreen gradient color at the bottom. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Color 1.
Color 2.
Color 3.
Color 4.
Linear gradient direction.
Add a Background to the Quake 3 Logo
In this example, we add a background to a transparent Quake 3 Arena logo, which is also the Quad Damage power-up. To emphasize the shape of the logo, we use a radial gradient with a 550px radius that's positioned in the center of the PNG. We create the background from three colors – white, #43464B, and #222426 – that mixed together from the center to the edges create a metallic silver color tone. (Source: id Software.)
In this example, we add a background to a transparent Quake 3 Arena logo, which is also the Quad Damage power-up. To emphasize the shape of the logo, we use a radial gradient with a 550px radius that's positioned in the center of the PNG. We create the background from three colors – white, #43464B, and #222426 – that mixed together from the center to the edges create a metallic silver color tone. (Source: id Software.)
In this example, we add a background to a transparent Quake 3 Arena logo, which is also the Quad Damage power-up. To emphasize the shape of the logo, we use a radial gradient with a 550px radius that's positioned in the center of the PNG. We create the background from three colors – white, #43464B, and #222426 – that mixed together from the center to the edges create a metallic silver color tone. (Source: id Software.)
Required options
These options will be used automatically if you select this example.
Color 1.
Color 2.
Color 3.
Color 4.
Radial gradient position.
Radial gradient radius.
Background for a Flower
In this example, we create a radial gradient of four colors and make it the background of a PNG photo of a flower. The gradient starts at the top left corner and extends 500 pixels into the photo, going to the bottom right corner. The first color is mintcream, the second is lightskyblue, the third is royalblue, and the fourth is navy. (Source: Pexels.)
In this example, we create a radial gradient of four colors and make it the background of a PNG photo of a flower. The gradient starts at the top left corner and extends 500 pixels into the photo, going to the bottom right corner. The first color is mintcream, the second is lightskyblue, the third is royalblue, and the fourth is navy. (Source: Pexels.)
In this example, we create a radial gradient of four colors and make it the background of a PNG photo of a flower. The gradient starts at the top left corner and extends 500 pixels into the photo, going to the bottom right corner. The first color is mintcream, the second is lightskyblue, the third is royalblue, and the fourth is navy. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Color 1.
Color 2.
Color 3.
Color 4.
Radial gradient position.
Radial gradient radius.
Add a Background Around a Map
This example fills the void around an abstract wooden map of Africa. The transparent pixels around the continent are filled with an opaque gradient background that consists of three colors, changing in the radial direction. The gradient starts with a "beige" color at the bottom left corner, follows by a "burlywood" color in the center, and then follows by a "peru" color in the upper right corner. These colors together make it a desert color tone background. (Source: Pexels.)
This example fills the void around an abstract wooden map of Africa. The transparent pixels around the continent are filled with an opaque gradient background that consists of three colors, changing in the radial direction. The gradient starts with a "beige" color at the bottom left corner, follows by a "burlywood" color in the center, and then follows by a "peru" color in the upper right corner. These colors together make it a desert color tone background. (Source: Pexels.)
This example fills the void around an abstract wooden map of Africa. The transparent pixels around the continent are filled with an opaque gradient background that consists of three colors, changing in the radial direction. The gradient starts with a "beige" color at the bottom left corner, follows by a "burlywood" color in the center, and then follows by a "peru" color in the upper right corner. These colors together make it a desert color tone background. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Color 1.
Color 2.
Color 3.
Color 4.
Radial gradient position.
Radial gradient radius.
Create a Colorful Background
In this example, we use the linear gradient type and four bright colors to create an iridescent background for a PNG file showing old audio cassettes. The linear gradient applies the color changes horizontally from left to right. The colors change from crimson to yellow to aquamarine to mediumblue. (Source: Pexels.)
In this example, we use the linear gradient type and four bright colors to create an iridescent background for a PNG file showing old audio cassettes. The linear gradient applies the color changes horizontally from left to right. The colors change from crimson to yellow to aquamarine to mediumblue. (Source: Pexels.)
In this example, we use the linear gradient type and four bright colors to create an iridescent background for a PNG file showing old audio cassettes. The linear gradient applies the color changes horizontally from left to right. The colors change from crimson to yellow to aquamarine to mediumblue. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Color 1.
Color 2.
Color 3.
Color 4.
Linear gradient direction.
All png tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly replace any color in a PNG file with transparency.
Quickly swap colors in a PNG image.
Quickly add noisy pixels (white noise) to your PNG image.
Quickly make a PNG image smaller and reduce its size.
Quickly convert a PNG graphics file to a JPEG graphics file.
Quickly convert a JPEG graphics file to a PNG graphics file.
Quickly convert a WebP image to a PNG image.
Quickly convert a PNG image to a WebP image.
Quickly convert a PNG image to base64 encoding.
Quickly convert a base64-encoded image to PNG.
Quickly increase or decrease the quality of PNG images.
Quickly resize a PNG image to any size.
Quickly rotate a PNG image by an arbitrary angle.
Quickly crop a PNG image.
Quickly make a PNG fit perfectly in an arbitrary size rectangle.
Quickly add text (label, caption) to a PNG picture.
Quickly superimpose a message or a signature on a PNG.
Quickly add a border around a PNG.
Quickly remove a border or decoration around a PNG.
Quickly add a background to a PNG image.
Quickly remove the background from a PNG image.
Quickly smooth the edges of PNG images.
Quickly flip a PNG picture horizontally.
Quickly flip a PNG picture vertically.
Quickly create a mirror version of the given PNG.
Quickly make copies of a PNG pic.
Quickly pixelate an area of a PNG image.
Quickly blur an area of a PNG image.
Quickly hide an area in a PNG image.
Quickly sharpen an area of a PNG image.
Quickly change the brightness of a PNG picture.
Quickly change the contrast of a PNG picture.
Quickly convert a color PNG image to a grayscale PNG.
Quickly apply a sepia effect to a PNG photo.
Quickly invert pixel colors in a PNG photo.
Quickly round the corners of a PNG picture.
Quickly replace transparency in a PNG file with a solid color.
Quickly convert a PNG graphics file to a single-frame GIF.
Quickly convert a GIF animation to a PNG picture.
Quickly convert a PNG picture to a bitmap file.
Quickly convert a bitmap image file to a PNG picture.
Quickly convert a PNG image to a Data URL.
Quickly convert a Data URL to a PNG image.
Quickly optimize quality and file size of a PNG photo.
Quickly make a symmetric copy of the given PNG.
Quickly create a single-color or multi-color PNG picture.
Quickly generate random PNG pictures.
Coming soon These png tools are on the way
PNG Editor
Edit a PNG in your browser.
Convert PNG to AVIF
Convert a PNG image to an AV1 image (AVIF).
Convert AVIF to PNG
Convert an AV1 image (AVIF) to a PNG image.
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 PNG to PIK
Convert a PNG image to a PIK image.
Convert PIK to PNG
Convert a PIK image to a PNG image.
Convert PNG to PPM
Convert a PNG image to a PPM image.
Convert PPM to PNG
Convert a PPM image to a PNG image.
Convert PNG to BPG
Convert a PNG image to a BPG image.
Convert BPG to PNG
Convert a BPG image to a PNG image.
Convert PNG to FLIF
Convert a PNG image to a FLIF image.
Convert FLIF to PNG
Convert a FLIF image to a PNG image.
Convert PNG to PDN
Convert a PNG image to a Paint.net file.
Convert PDN to PNG
Convert a Paint.net file to a PNG image.
Convert PNG to PSD
Convert a PNG image to a Photoshop file.
Convert PSD to PNG
Convert a Photoshop file to a PNG image.
Convert PNG to SVG
Convert a PNG image to an SVG image.
Convert SVG to PNG
Convert an SVG file to a PNG image.
Convert PNG to JFIF
Convert a PNG image to a JFIF image.
Convert JFIF to PNG
Convert a JFIF image to a PNG image.
Convert PNG to RGB
Convert a PNG image to raw RGB values.
Convert RGB to PNG
Convert RGB values to a PNG image.
Convert PNG to RGBA
Convert a PNG image to raw RGBA values.
Convert RGBA to PNG
Convert RGBA values to a PNG image.
Convert PNG to Animated GIF
Convert multiple PNGs to a GIF animation.
Convert APNG to GIF
Convert an APNG animation to a GIF image.
Convert GIF to APNG
Convert a GIF animation to an APNG image.
Convert APNG to Webp
Convert an APNG image to a Webp image.
Convert Webp to APNG
Convert a Webp image to an APNG image.
Convert APNG to MP4
Convert an APNG image to an MP4 video.
Convert MP4 to APNG
Convert an MP4 video to an APNG image.
Convert Emoji to PNG
Create a PNG from text emojis.
Extract APNG Frames
Extract all frames from an APNG image.
APNG Player
Play a PNG animation (APNG) frame by frame.
Change APNG Speed
Change the playback speed of an animated PNG (APNG).
Set APNG Loop Count
Change how many times an animated PNG loops.
Reverse an APNG
Reverse the order of frames in an animated PNG (APNG).
APNG Creator
Created animated PNGs (APNGs) from input images.
Create a Glitch PNG
Randomly distort data in a PNG file to make a glitched PNG.
Add JPG Artifacts to a PNG
Add JPG-like artifacts to a PNG image.
Randomize PNG Pixels
Rearrange pixels or pixel blocks in a PNG.
Erase a Part of a PNG
Quickly erase any part of a PNG image.
Extract PNG Colors
Find the most popular colors in a PNG and extract a color palette.
Extract PNG Color Channels
Extract RGB color channels from a PNG file.
Convert PNG Color Space
Convert between RGB, CMYK, HSV, and HSL color spaces.
Convert PNG Bit Depth
Convert between 8-bit, 16-bit, 24-bit, and 32-bit PNG depths.
Create ASCII Art from PNG
Convert a PNG to an ASCII art image.
Create ANSI Art from PNG
Convert a PNG to an ANSI art image.
Convert PNG to a Single Color PNG
Convert a PNG image to a monocolor PNG.
Shift a PNG
Shift a PNG to the left or to the right.
Skew a PNG
Skew a PNG image by an angle.
Create White Noise PNG
Generate a PNG image with white noise.
Create an Empty PNG
Generate a PNG that contains just one color.
Remove PNG Chroma Key
Remove the green screen background from a PNG.
Extract a Color from a PNG
Remove all colors except one from a PNG image.
Extract Text from a PNG
Find all textual information in a PNG image and extract it.
Convert a PNG to a BW Image
Create a two color black and white picture from a PNG.
Generate a Gradient PNG
Create a PNG with a color gradient.
Remove Text from a PNG
Quickly erase text (labels, captions) from a PNG.
Remove a Watermark from a PNG
Quickly delete a watermark from a PNG.
Fix a Broken PNG
Salvage a PNG that has bad bytes in it and doesn't open.
Erase PNG Metadata
Delete meta data from a PNG picture.