Flatten

Flatten PNG Transparency

Details

How to use Flatten PNG Transparency

What the tool does, how to run it, and what to expect from the result.

How to flatten a transparent PNG

To flatten a PNG, open your transparent image in the tool and choose a background. Flatten PNG Transparency composites your image over white, black, a custom solid color, or a two-stop linear gradient, then exports a new PNG with the transparency replaced by that visible background.

All compositing happens locally in your browser. The source file stays on your device while the flat export is generated, so there is no upload step and no server processing. This keeps private artwork and screenshots on your machine.

The export remains a PNG rather than switching to JPG. The only change is that the previously transparent areas now show the background you picked, which makes the file behave predictably wherever it lands.

  • Open a transparent PNG
  • Pick white, black, a custom color, or a gradient
  • Preview the composited result
  • Export a flattened PNG locally

When flattening is the better choice

Flattening makes sense when the destination is known and you no longer need transparency. Documents, marketplace listings, and export pipelines often handle alpha inconsistently, showing unwanted checkerboards or black fills. Baking in a solid background avoids those surprises.

It is also useful for logos or graphics that must sit on a specific color, or for email and print where transparency is unreliable. Because Flatten PNG Transparency keeps the PNG format, you get the predictable background without converting to a lossy format.

Tips

Getting a better result out of Flatten PNG Transparency

Specific settings and thresholds, not general advice.

  • Flattening composites the background first and then draws your image on top, so semi-transparent pixels blend into it properly. That is different from a viewer showing your PNG against a colored div, where the file itself still has holes in it.
  • The output is still a PNG, just an opaque one. If your goal was a smaller file, flattening alone will not get you there, and a photographic image flattened to PNG can easily be larger than the transparent original. Send it to the JPG converter or the compressor afterwards.
  • Flatten before sending an asset anywhere that composites onto black or an unknown color: PowerPoint, some email clients, older PDF pipelines, and a number of marketplace uploaders. Guessing wrong there turns a transparent logo into a black-boxed one.
  • The two-stop linear gradient supports four directions, top to bottom, left to right, and both diagonals. It is there so you can bake in a background that matches a hero or a card surface, rather than settling for a flat color that clashes.
  • Once you flatten, the transparency is gone for good. Keep the original transparent PNG. The flattened copy is a deliverable, not a replacement.
Limits

What Flatten PNG Transparency does not do

The honest boundary, so you do not lose time finding it yourself.

  • PNG input only.
  • It always exports PNG. It does not convert to JPG or WebP as part of the flatten.
  • The gradient is a simple two-stop linear ramp. There is no radial, multi-stop, or angled gradient.
  • You cannot flatten onto another image, only onto a solid color or a gradient.
Reference

Terms used on this page

Short, plain-language definitions for the formats and settings above.

At a glance

Who Flatten PNG Transparency is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

People preparing transparent PNGs for channels, uploads, docs, and storefronts where a baked background is easier to control

Ideal for

Turning a transparent PNG into a ready-to-share flat PNG without changing file format or opening a larger editor

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

Is this tool free?

Yes. Flatten PNG Transparency is free to use and runs entirely in your browser with no account needed.

Does it convert the image to JPG?

No. The output stays a PNG. The only change is that transparency is replaced with the visible background you choose before export.

Can I use a gradient instead of a solid color?

Yes. The tool supports a simple two-stop linear gradient with a few direction presets, in addition to white, black, and custom solid colors.

Does the compositing happen locally?

Yes. The source file stays in your browser the whole time, and the flattened PNG is generated on your device without any upload.

Does it work on mobile?

Yes. Because it runs in the browser, you can flatten a PNG on a phone or tablet just as easily as on a desktop.

Why would I flatten a PNG instead of just converting it to JPG?

Because you want to control what fills the transparent area. A JPG converter that discards alpha typically composites onto white or, worse, onto black, without telling you. Flattening first means you choose the color, verify the result, and then convert. It also lets you keep a lossless PNG if the artwork is flat graphics where JPG would introduce ringing around the edges.

Does flattening reduce the file size?

Not reliably. PNG compression is driven by how much repetition is in the pixel data, not by whether an alpha channel is present. Filling the transparent area with one flat color compresses well and can shrink the file. Filling it with a gradient adds thousands of distinct values and usually makes the file bigger.

Can I get the transparency back afterwards?

No. The alpha information is consumed in the composite and the exported file is fully opaque. If you later need the cutout again, you have to start from the original transparent PNG, which is why you should always keep it. Reconstructing a matte from a flattened image is a much harder problem than flattening was.

What background color should I flatten onto?

Whatever the destination surface actually is. If you do not know, white is the safe default for print and documents, and it matches most page backgrounds. Run the asset through the PNG Background Tester first if you want to see what the edge looks like on several candidates before committing to one.

Does the compositing run on my device?

Yes. The background is drawn and your PNG is composited onto it on a canvas in the page, then re-encoded locally. Nothing about the image is transmitted. The only network call is a credit counter carrying the tool name.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon