Skip to content
Tezmy Tools

Add Background Color to Image

Fill transparent areas with a colour and add padding

or drop an image here

Best with a transparent PNG, but JPG and WebP work too. Your image stays on your device.

Runs in your browser. Nothing is uploaded.

About the Add Background Color to Image

Add Background Color to Image places a solid colour behind the see-through parts of a picture. Pick any colour with the swatch, type a hex code, or tap one of the quick colours, then add padding if you want breathing room around the artwork. Save the result as a PNG or a JPG. It fills transparent and semi-transparent areas only, so a picture with no transparency, like most JPG photos, looks unchanged apart from any padding. It does not remove backgrounds. Everything happens on your device.

Updated September 2026

How to use the Add Background Color to Image

  1. 1Select an image, ideally a PNG with a transparent background.
  2. 2Pick a background colour with the swatch, a hex code or a quick colour button.
  3. 3Move the Padding slider if you want extra space around the picture.
  4. 4Choose PNG or JPG, and set the JPG quality if needed.
  5. 5Click Download.

Fill transparent areas with a colour

A transparent PNG has an alpha value on every pixel that says how see-through it is. Viewers show that as a white page, a dark page or a checkerboard depending on the app, which is why a logo can look fine in one place and unreadable in another. Adding a solid background makes it look the same everywhere.

This tool blends each pixel with your colour according to its alpha, then makes the whole picture fully opaque. Soft edges and shadows therefore keep their smooth look against the new colour.

PNG or JPG output

Choose PNG when you want exact colours and sharp edges, for logos, icons and screenshots. Choose JPG for a smaller file, for photos, or when a website or form only accepts JPG.

Since the background is now solid, a JPG loses nothing that was see-through. The quality slider runs from 60 to 100; 92 is a good balance, and lower values give smaller files with softer detail.

Padding and social media pictures

Padding is measured as a percentage of the longer side and added on all four sides. A 10% padding on a 1,000 pixel picture adds 100 pixels on each edge, so the result is 1,200 pixels wide.

That extra margin stops a logo touching the frame of a round profile picture or a card. For an exact square or a set pixel size afterwards, use Image Resizer, and for a circular crop try Round Profile Photo.

  • 0% keeps the original size.
  • 10 to 20% suits logos and product cut-outs.
  • Very large padding on a big image can exceed the size limit of about 16 million pixels; the tool tells you to lower it.

Two-step workflow with Make Background Transparent

If your picture has a plain white or coloured backdrop, first use Make Background Transparent to remove it, download the PNG, and open that file here to choose a new colour. That two-step route changes a white logo background into brand colours, or a signature into ink on a coloured card.

To simply convert format with a white fill, PNG to JPG is quicker. This page is for choosing the colour and adding space around the artwork.

Features

  • Any colour by swatch, hex code or quick buttons
  • Semi-transparent edges blend smoothly into the colour
  • Padding of up to 50% around the picture
  • PNG or JPG output with a quality slider
  • Live preview
  • Private: the picture is never uploaded

Frequently asked questions

How do I turn a transparent PNG white?

Open the PNG, leave the colour on white (#ffffff), choose PNG or JPG and download. Every see-through pixel becomes solid white, and the file is named with a -background suffix so the original stays untouched.

Can I change the background colour of a photo?

Only if the photo already has a transparent background. This tool fills see-through areas, it does not find the subject. For a photo with a plain backdrop, run it through Make Background Transparent first, then choose the new colour here.

What happens to the edges?

Pixels that are partly transparent, such as a soft shadow or an anti-aliased edge, are blended with the new colour in proportion to how see-through they are. That keeps edges smooth instead of leaving a jagged outline.

Which colour should I use for a passport photo?

Rules differ by country, and many ask for plain white, off-white or light blue. Check the official requirements for your application before choosing. Passport Size Photo Maker can also crop to the right dimensions.

Can I add padding around the picture?

Yes. The Padding slider adds space on every side, as a percentage of the longer side of the picture, in the same background colour. It is handy for profile pictures and social posts where the artwork should not touch the edge.

Why is my JPG unchanged?

JPG files cannot contain transparency, so there is nothing for the colour to fill. Only padding will show a difference. If you expected a new background behind a person or object, the background needs to be removed first.

Related tools