Add Background to Image
Fit and centre an image on a solid-colour canvas of the dimensions you choose, then export an opaque PNG, JPG, or WebP copy in your browser where supported.
What the background canvas does
Add Background to Image scales the complete source proportionally to fit inside the canvas dimensions you choose, centres it, and paints the remaining area with a solid colour. A smaller canvas reduces the source; a larger canvas can enlarge it. The composition is not cropped or stretched, but it is resampled whenever its displayed dimensions change.
The tool can help ecommerce sellers prepare white-background product photos, designers build presentation decks with consistent dimensions, and anyone place a transparent cutout on a solid canvas. The compositing code runs through the browser canvas and does not intentionally upload the selected file for processing. For confidential, unreleased, or client material, also follow the owner’s or organization’s approved handling policy.
When padding beats cropping or stretching
Use this tool when the complete composition must fit a target shape without cropping or distortion. It can prepare a square, landscape, or portrait canvas from a differently shaped source, but the image may be scaled and unused canvas area becomes the selected solid colour. Check the destination’s current dimensions and subject-coverage rules before choosing a preset.
It is also useful when a transparent cutout, logo, or illustration must be flattened onto an opaque backdrop. This tool paints that backdrop for every output format—including PNG and WebP—not only JPG. If transparency must remain, use a converter or editor that does not add a background. The background-removal workflow guide explains when to keep the original scene, create a cutout, or replace the backdrop.
Choosing the export format
Every format from this page is opaque because the tool fills the canvas before drawing the image. PNG stores the exported raster losslessly, JPG applies a lossy encode, and WebP uses the browser encoder; none of them preserves source transparency here. Compare the actual output size, edges, colour, and dimensions.
How To Add A Background Here
- Upload one or more images from your device using the file picker or drag and drop.
- Set the canvas size by entering custom dimensions or selecting a preset such as Square 1080x1080 or Landscape 1600x900.
- Pick a background color using the color picker — white is the most common choice for product photos and marketplace listings.
- Click Convert, preview the result, then download the padded image or continue with compression and resizing.
Canvas Settings That Trip People Up
Setting canvas dimensions smaller than the source image, which forces the image to shrink instead of gaining padding around it.
Choosing a background colour without checking the destination’s current requirements or the surface on which the opaque result will appear.
Skipping compression after adding a background, resulting in unnecessarily large files for web or email delivery.
Using JPG output when the image still needs further editing — PNG preserves quality better as an intermediate format before final export.
Frequently Asked Questions
Does this remove the existing background or place my image on a new canvas?
It places the complete image onto a solid-colour canvas; it does not cut out the subject. The source is scaled proportionally to fit inside the chosen canvas and centred, so it may become smaller or larger. Any transparent source areas are composited over the selected colour, making the exported image opaque.
What do the canvas width and height and the presets do?
They set the exact output-canvas dimensions. Type custom width and height, or pick a preset such as Square 1080 by 1080 or Landscape 1600 by 900. The tool uses a contain fit: it scales the source proportionally until the whole image fits, centres it, and fills the remaining area with the selected colour.
Why is white the usual choice for product photos?
White is a neutral backdrop that can make a set of product photos look consistent, but marketplace rules vary by category and destination. Check the current image requirements for the service receiving the file, including background colour, dimensions, margins, and subject coverage, rather than assuming white alone makes an upload acceptable.
Related Editing Tools
Add Background is typically a preparation step: place the image on a clean canvas, then resize, compress, or continue editing for the final destination.
Resize Image
Adjust pixel dimensions after adding a background when the canvas still needs scaling for a specific platform.
Open Resize ImageCompress Image
Reduce the file size after adding a background so the image loads faster on websites and meets upload limits.
Open Compress ImageBackground Remover
Remove the existing background first, then use Add Background to place the cutout on a clean solid color.
Open Background RemoverSocial Media Resizer
Use platform-specific presets when you need exact social media dimensions with built-in cropping guides.
Open Social Media ResizerCrop Image
Trim unwanted edges when you need to reduce canvas size instead of expanding it.
Open Crop ImageImage Format Converter
Convert between formats when you need the image in JPG, PNG, WebP, or AVIF after adding a background.
Open Image Format Converter