Add Background to Image

Fill transparent areas of an image with a solid background color. Runs entirely in your browser.

Add a background color to an image

Upload a PNG or WEBP image with transparent areas, then choose a background color. The preview updates instantly.

Drag & drop an image here, or click to browse
Supports JPG, PNG and WEBP.

    Preview

    Live preview
    Your image is processed locally in this browser tab using the Canvas API. It is never uploaded to Calcooo or any server.

    How to use this tool

    1. Drag and drop a PNG or WEBP image with transparent areas into the box above, or click to browse and select one.
    2. Pick a background color using the color picker.
    3. Check the live preview — the transparent areas now show your chosen color underneath.
    4. Click Download image to save the result as a JPG.

    FAQ

    Frequently asked questions

    Is my image uploaded anywhere when I add a background?

    No. The background is filled in locally in your browser using the Canvas API. It never leaves your device.

    Does this work on a JPG?

    JPGs have no transparency to begin with, so this tool is really only useful for PNG or WEBP images with transparent areas — uploading a JPG will just redraw it unchanged over the background color, invisibly.

    Can I pick any color?

    Yes, any solid color via the color picker.

    What format does the result download as?

    JPG, since the whole point is filling transparency with an opaque background — though you can re-export as PNG afterward with the Image Converter if needed.