# How to Make a Transparent PNG Online

> Open HF Photo Editor, set the canvas Background to None in the Canvas tab, add your design (or press Remove background (AI) on a photo) and download as PNG. The checkered pattern means transparent. JPG cannot keep transparency; PNG and WebP can.

Source: https://hf-photo-editor.dafontstyle.io/blog/make-transparent-png · Updated 2026-10-01 · By DafontStyle Team · Tool: https://hf-photo-editor.dafontstyle.io/editor (free, in the browser)

A transparent PNG has no background, so it can sit on top of any photo, video or website. It is the right format for [logos](https://hf-photo-editor.dafontstyle.io/templates/logo), watermarks, stickers and text overlays.

![Logo on a transparent background](https://hf-photo-editor.dafontstyle.io/blog/transparent.svg "1200x750")

## Steps

1. Open [HF Photo Editor](https://hf-photo-editor.dafontstyle.io/editor).
2. In the **Canvas** tab, pick a size such as **Logo 1000×1000**.
3. Set **Background** to **None**. The canvas shows a checkered pattern, which means transparent.
4. Add your text, shapes or an image with a transparent background. To cut a person or product out of a photo, open it in the editor and press **Remove background (AI)**; here is how to [remove the background from a photo](https://hf-photo-editor.dafontstyle.io/blog/how-to-remove-background-from-photo) and clean up the edges. For styled lettering, see [how to add text to a photo](https://hf-photo-editor.dafontstyle.io/blog/add-text-to-photo-online).
5. Press **Download**, choose **PNG**, and save.

## Tips

- **Crop tightly.** Use the Crop tool so there is no extra empty space around your design.
- **Use 2× size** if the logo will be printed or shown large.
- **WebP also keeps transparency** and gives smaller files for websites.
- **Exporting a favicon or app icon?** Check the [pixel sizes for favicons and app icons](https://hf-photo-editor.dafontstyle.io/blog/logo-sizes) first. Note that the iPhone App Store does not accept transparent icons. When the file is ready, [turn it into a favicon](https://hf-photo-editor.dafontstyle.io/blog/how-to-make-a-favicon) for your site.
- **Need a logo fast?** Follow our guide to [make a logo for free with your brand name](https://hf-photo-editor.dafontstyle.io/blog/how-to-make-a-logo-for-free) and download it as a transparent PNG. It works well on [business cards](https://hf-photo-editor.dafontstyle.io/templates/card) and [YouTube channel banners](https://hf-photo-editor.dafontstyle.io/templates/w-ytchannel) too.

## Save your work

Press **Save** to download the project file. Later you can open it with **Project**, change the text or colors, and export a new PNG.

## Questions people ask

### Why is my PNG background white?

The canvas background was still set to a color. Open the Canvas tab, set Background to None, and download again as PNG.

### Does JPG support transparency?

No. JPG always has a solid background. Use PNG or WebP for transparent images.