What happens to a PNG icon's transparent areas?

They're alpha-blended onto a solid background color of your choice (white by default) before encoding, since JPEG has no alpha channel and simply dropping transparency data would let browsers composite it onto an unpredictable color, often black.

Can I choose the background color?

Yes. Set any RGB background color to blend transparent and semi-transparent pixels against before the JPG is encoded.

Can I control JPG quality?

Yes, from 0.1 (smallest file, most compression artifacts) to 1 (largest file, best quality), matching the browser's native JPEG encoder quality parameter.

Will fully opaque pixels change color?

No — pixels that are already 100% opaque pass through with their original color untouched; only alpha is forced to fully opaque so the encoder doesn't need to blend them.

PNG Icon to JPG Icon Converter - Flatten and Convert Icons Online

Overview

Introduction

This tool flattens a PNG icon's transparency onto a solid background and converts it to JPG, entirely in your browser.

It's the same alpha-flattening operation used by the site's general PNG-to-JPG converter, applied here to icon-sized assets.

What Is PNG Icon to JPG Icon Converter?

A client-side icon format converter that reads an uploaded PNG icon's pixel data and alpha-blends every pixel against a solid background color, since JPEG can't represent transparency.

The flattened, fully opaque pixel buffer is then handed to the canvas's native JPEG encoder at your chosen quality level.

How PNG Icon to JPG Icon Converter Works

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

A fully opaque source pixel is unaffected by this formula (alpha=1 means the background term vanishes entirely), while a fully transparent pixel becomes exactly the background color.

When To Use PNG Icon to JPG Icon Converter

Use it when a platform or tool requires a JPG icon but your source artwork is a PNG with transparency.

It's also useful for reducing file size on icons that don't need transparency, since JPEG's lossy compression is often smaller than PNG for photographic content.

Often used alongside JPG Icon to PNG Icon Converter and Translucent Icon Creator.

Features

Advantages

Runs entirely client-side; the uploaded icon is never sent to a server.
Full control over both the flattening background color and JPEG quality.
Predictable, controlled flattening instead of leaving it to chance during export.

Limitations

The result is always fully opaque; transparency information is permanently discarded in favor of the chosen background color.
JPEG compression introduces some quality loss, more noticeable at lower quality settings, especially around sharp icon edges.

Examples

Flatten a transparent icon onto white

Input

A PNG icon with a transparent background, quality 0.92

Output

A JPG icon with the transparent areas replaced by solid white

The default background color is white, matching most common JPG use cases.

Flatten onto a custom brand color

Input

A PNG icon, background rgb(20, 20, 40), quality 0.85

Output

A JPG icon with transparent areas replaced by the custom dark blue

Any RGB background can be supplied to match a specific design context.

Best Practices & Notes

Best Practices

Choose a background color that matches where the JPG icon will actually be displayed.
Use a quality of 0.85-0.95 for icons where crisp edges matter, since lower quality can introduce visible JPEG blockiness.

Developer Notes

The pure flattening math lives in a lib function that thinly re-exports the shared alpha-blend-to-background function (also used by the general-purpose PNG-to-JPG converter) under this icon-specific name, since an icon is just a PNG once uploaded and the underlying blend formula is identical.

PNG Icon to JPG Icon Converter Use Cases

Exporting a transparent icon for a platform that only accepts JPG
Reducing file size for icons that don't need an alpha channel
Standardizing a mixed batch of icon files to JPG for a legacy system

Common Mistakes

Forgetting to set a matching background color, which can leave a visible color mismatch where transparency used to be.
Using a very low quality setting on icons with sharp edges or text, where JPEG compression artifacts are most noticeable.

Tips

Preview the flattened result before downloading to confirm the background color looks right.
If you need to keep transparency, use the PNG Icon to WebP Icon Converter instead, since WebP supports alpha.

PNG Icon to JPG Icon Converter