Why does a logo need a transparent background?

A logo is placed on web pages, slides, cards and merchandise, each with its own background, and a white or colored box around it looks wrong on all but one. A transparent PNG sits on any of them. This tool removes the background color and keeps the mark.

My logo has white text on a white background. How do I keep the text?

Keep Outer only on. The removal then flood-fills from the border, so white that is enclosed by the mark, such as lettering, counters and highlights, is never reached. Only the background around the logo becomes transparent.

Can I make a JPG logo transparent?

Yes. Drop the JPG; the output is a PNG, since JPG can't store transparency. JPG compression leaves noise in a flat background, so raise the tolerance to about 10 and keep Smooth edges on.

What resolution should the logo be?

This tool works on raster images and keeps the original pixel size, so start from the largest export you have: 1,000 pixels wide or more for the web, more for print. If you have the logo as an SVG, it scales without limit; the SVG tools convert it to a PNG of any size.

How is the color chosen?

When an image loads, the tool samples its border and picks the most common color there, which is the background in nearly every product shot, logo and scan. Open the picker to change it, type a hex code, or press From edges to sample again after you have changed it.

What does the tolerance setting do?

Tolerance decides how close a pixel's color must be to the picked color to become transparent, as a percentage of the distance between black and white in RGB. At 0 only an exact match goes; at 10 to 20, nearby shades go too. Raise it when a background has gradients, shadows or JPG noise, and lower it when it starts eating into the subject.

Why is there a light fringe around the subject?

A fringe is left when the edge pixels are a blend of the background and the subject, which every anti-aliased or JPG-compressed edge has. Raise the tolerance a little so those blended pixels count, and keep Smooth edges on so they fade out instead of cutting hard. Preview mask shows whether the fringe is now covered.

How does edge smoothing work?

Smooth edges blends the boundary between the removed area and the subject: within the chosen radius, pixels are made partly transparent instead of fully, so the cut is anti-aliased rather than jagged. A radius of 1 or 2 pixels suits logos and screenshots; 4 or more softens photos. It only affects pixels that were already going to be removed.

What does Preview mask show?

Preview mask paints every pixel that will be removed in magenta over the original, so you can check the selection before downloading. Adjust the color and tolerance until only the background is covered, then turn the mask off: the download is always the real transparent PNG, never the magenta preview.

Is my image uploaded anywhere?

No. Your browser decodes the file and does the pixel work with its Canvas API, and the page makes no request with it. You can load the page, go offline and keep working; the download is written from memory on your device.

Transparent logo maker.

Remove the background from a logo and download it as a transparent PNG. Outer only keeps the background color where it appears inside the mark, and Smooth edges keeps the outline clean.1 pass for a flat background0–50 % tolerancePNG output0 bytes uploaded

Get Pro Make a logo transparent

Add shadcn.io to your AI agent. · Pro It installs blocks, icons and templates in your design system from a prompt, with Pro.

Set up MCP

Loading the tool…

Need the UI around it? With Pro, your AI agent builds the form, the result card and the rest of the page from a prompt.

Get Pro

How it works

4 steps, no account. It runs in your browser and nothing is uploaded.

Drop the logo
Drop the logo in any format; its border color is set as the background to remove.
Check the selection
Turn on Preview mask and adjust the tolerance until the background is covered and the mark is not.
Keep the mark intact
Outer only protects the background color inside the mark; Smooth edges keeps the outline anti-aliased.
Download
Download the transparent PNG and place it on any background.

Nearby in the png tools. Every one free, in the browser.

Pricing

Build it with Pro

The tool is free. Pro adds 6,000+ blocks, premium templates and the MCP server, so your AI editor builds the product around it.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

Yearly-33%MonthlyLifetimePay once

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

How many people can use the license.Seats: 1 seat
Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

How many people can use the license.Seats: Unlimited seats
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

Secure checkout via Stripe
Code lives in your repo
Keep what you've shipped if you cancel
License terms

Questions and answers

Before you trust the result: what to know about the format, the limits and your data.

Build the product around it

Every block, template and icon, installed by your AI agent in your theme. The tools stay free.

Get Pro

Cancel anytimeKeep what you've shipped if you cancel

Explore UI

Popular

Frameworks

Built On

Explore Blocks

Marketing

Application

Explore Charts

Popular

Frameworks

Explore Examples

More Galleries

Explore Icons

More Libraries

Browse

Explore Templates

Categories

Community

Explore Design Systems

Categories

More

Explore Tools

Categories

Explore MCP

Set Up In

Help

Explore Pro

Resources

Legal

Transparent logo maker.