How to Create Transparent PNG Images: 4 Methods

A transparent PNG is an image where some pixels, usually the background, are see-through, so the subject can sit on any colour or photo without a box around it. You create one by removing or never adding a background and then exporting as PNG (or WebP), because both formats store an alpha channel, the per-pixel transparency information that JPG lacks. Below are four ways to do it, from a one-click AI cut-out to building a graphic from scratch.

How Transparency Works in a PNG

Every pixel in a standard PNG with alpha has four values: red, green, blue and alpha. Alpha ranges from fully opaque to fully transparent, with every level in between. Those in-between values are what make hair, fur, glass and soft shadows look natural when the image is placed on a new background.

JPG has no alpha channel. Save a transparent image as JPG and the transparent areas are filled with a solid colour, usually white or black, permanently. WebP and AVIF do support alpha. The comparison of PNG vs JPG vs WebP vs AVIF covers the differences between the formats.

Method 1: AI Background Removal

Best for: product photos, portraits, pets and other photos with a clear subject.

1. Open the background remover.
2. Add your photo. The AI model detects the subject and makes the background transparent.
3. Download the result as a PNG.

The processing runs in your browser, so your photo is not uploaded. AI removal handles most well-lit photos with a distinct subject in seconds. It struggles more with fine hair against a busy background, transparent objects such as glasses, and subjects that blend into the background colour. For those, start here and touch up the edges with Method 2. Our article on how AI background removers work explains why some edges are harder than others, and remove background from images free compares approaches.

Method 2: Manual Selection in a Free Editor

Best for: logos, illustrations, scanned signatures and photos where AI gets the edge wrong.

Free editors such as GIMP (desktop) and Photopea (in the browser) work much like Photoshop:

1. Open the image. In GIMP, add an alpha channel to the layer first (Layer → Transparency → Add Alpha Channel); otherwise deleted areas become the background colour instead of transparent.
2. Select the background with the Magic Wand / Fuzzy Select tool for flat areas, or Quick Selection or a path tool for complex shapes.
3. Refine the selection: feather the edge by a pixel or two for photos, but keep it hard for crisp logos.
4. Press Delete. The area turns into a checkerboard, which means transparent.
5. Export as PNG (in GIMP, File → Export As and use a .png name).

This takes longer but gives full control, which matters for logos where a slightly rounded corner or a missing thin line would be obvious.

Method 3: Design It Without a Background

Best for: logos, icons, stickers and text graphics you are creating yourself.

If you design the graphic yourself, you can simply never add a background:

• Figma: remove the fill from the frame, then export the frame as PNG.
• Inkscape (free) and Adobe Illustrator: design on the empty canvas and export PNG with the background left transparent.
• Canva: the "transparent background" option on PNG download is part of the paid plan.

For logos and icons, also export an SVG if the destination accepts it. A vector file stays sharp at every size and is usually tiny. A transparent logo is also the starting point for a clean watermark; see how to add a watermark to your photos.

Method 4: Colour Key on a Plain Background

Best for: photos taken against a uniform backdrop, such as a white sheet, green screen or plain wall.

1. Open the image in an editor with Select by Color or Color to Alpha (both in GIMP).
2. Click the background colour. Adjust the threshold or tolerance until the background is selected but the subject's edges are not.
3. Delete the selection, or use Color to Alpha to turn that colour transparent.
4. Export as PNG.

This is fast and precise with clean studio-style shots. It fails when the background is uneven or shares colours with the subject. A white product on a white backdrop will lose parts of itself.

Check That the Transparency Worked

A file named .png is not automatically transparent. To check:

• Open it in an editor such as GIMP or Photopea. Transparent areas appear as a grey-and-white checkerboard.
• Or place it on a coloured background in a slide, document or design tool. If the subject floats cleanly on the new colour, it worked. If a white or coloured box appears around it, the background is still there.

Don't rely on an image viewer. Many fill transparent areas with white or black, which looks identical to a real background.

Cleaning Up the Edges

Zoom to 100% or more and look along the edge of the subject:

• Halo or fringe: a thin line of the old background colour around the subject. Shrink the selection by 1 pixel and delete again, or use a defringe or decontaminate option if your editor has one.
• Jagged edges: the selection was too hard for a photo. Feather it slightly.
• Lost fine detail: hair or thin parts were cut off. Use a softer brush on a layer mask to bring them back.
• Leftover patches: small islands of background in gaps, such as between an arm and the body. Select and delete them individually.

Starting from a good source helps: a sharp, well-lit photo at a reasonable resolution, ideally at least 1000 pixels on the longer side, with clear separation between subject and background. If your source is a heavily compressed JPG, the blocky artifacts around edges will make any cut-out rougher.

Transparent WebP for Websites

PNG is the safest transparent format for editing and for sending to other people. On your own website, WebP is usually better: it supports the same alpha transparency and is normally much smaller, especially for photographic cut-outs, where lossy WebP with alpha can be a fraction of the PNG's size. Keep the PNG as your master and convert a copy with PNG to WebP.

Common Mistakes

1. Saving as JPG. The transparency is gone, and you can't get it back from that file. Always export PNG or WebP.
2. Flattening onto white, then cutting out again. Each round costs edge quality. Keep the transparent master and place copies on backgrounds instead.
3. Using an 8-bit (256-colour) PNG for a photo cut-out. Palette PNGs suit simple icons, but photos get banding and rough, stepped edges. Use full-colour PNG.
4. Using transparent PNG when you don't need transparency. A rectangular photo saved as PNG is several times larger than a JPG for no benefit.
5. Ignoring the destination. Some print workflows and older apps don't handle alpha correctly. If in doubt, place the cut-out on the exact background colour you need and export that version as well.

Frequently Asked Questions

Why does my transparent background turn white or black?

The image was saved or converted to a format without transparency, usually JPG, or the app you are viewing it in fills transparent areas with a colour. Export as PNG or WebP and check it on a coloured background.

Can a JPG have a transparent background?

No. JPG has no alpha channel. Converting a transparent PNG to JPG fills the transparent areas with a solid colour, and the transparency cannot be recovered from the JPG.

Is a transparent WebP better than a transparent PNG?

For a website, usually yes: WebP supports transparency and is normally smaller. Keep a PNG master for editing and for software that does not open WebP.

How do I check if a PNG is really transparent?

Open it in an editor that shows a checkerboard behind transparent areas, or place it over a coloured background in a document or slide. If the old background is still visible, the transparency failed.