Staaarter Tools

PNG Opacifier

Uploads a PNG, decodes it onto an off-screen canvas, and flattens any transparency onto a solid background color (white by default) using standard alpha compositing, then lets you download the fully opaque PNG. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26
editorconverterimagecanvaspng

Overview

Introduction

This tool makes a PNG fully opaque by flattening any transparent or semi-transparent pixels onto a solid background color, entirely in your browser.

It works on a plain pixel buffer, so nothing you upload is sent to a server.

What Is PNG Opacifier?

An opacity tool that removes transparency by compositing the image over a solid background color, the same math a browser uses to render a transparent PNG over a solid page background.

It's a thin, framing wrapper around this category's shared alpha-removal compositing logic.

How PNG Opacifier Works

For each pixel, the tool computes `foreground * alpha + background * (1 - alpha)` for each of the red, green, and blue channels, then sets the output alpha to 255.

Fully opaque pixels pass through unaffected since their alpha weight is already 1; fully transparent pixels become exactly the background color.

When To Use PNG Opacifier

Use it before uploading an image to a platform that doesn't support transparency, or when you need a PNG to look correct against a specific solid background.

It's also handy for previewing exactly how a transparent design element will look once placed on a particular colored page.

Often used alongside PNG Alpha Channel Remover, PNG Background Adder and PNG Transparency Checker.

Features

Advantages

  • Runs entirely client-side; nothing you upload leaves your device.
  • Uses standard, correct alpha-compositing math rather than a naive transparency strip.
  • Any hex background color can be chosen, not just white.

Limitations

  • This process is one-way; the resulting PNG has no transparency information left to restore.
  • If you need the image to work against multiple different backgrounds, you'll need to opacify it separately for each one.

Examples

Flatten a logo onto white

Input

A transparent-background PNG logo

Output

The same logo on a solid white background, fully opaque

The default white background is composited under every semi-transparent or transparent pixel.

Flatten onto a brand color

Input

A transparent PNG icon, background #1E3A8A

Output

The icon on a solid dark blue background

Any valid hex color can replace the default white for the flattening background.

Best Practices & Notes

Best Practices

  • Pick a background color that matches where the image will actually be displayed, for the most accurate preview.
  • Keep a copy of the original transparent PNG if you might need the transparency again later.

Developer Notes

The lib function is a thin, validating wrapper that parses the requested hex background color and delegates to the shared `removePngAlphaChannel` compositing function, so the actual 'over' alpha math lives in one tested place shared with the background previewer and alpha-channel-remover tools.

PNG Opacifier Use Cases

  • Preparing a transparent logo for a platform that requires opaque images
  • Previewing a transparent asset against a specific brand color
  • Flattening a design element before converting it to a format without alpha support

Common Mistakes

  • Expecting the result to still be usable as a transparent overlay — it's fully opaque afterward.
  • Entering an invalid hex value like a color name instead of a 6-digit hex code.

Tips

  • Use white as the background if you're unsure what backdrop the image will end up on.
  • Combine with the JPG converter afterward, since JPG doesn't support transparency and needs an opaque source.

References

Frequently Asked Questions