How To Make Background Transparent Using Magic Wand

In this comprehensive guide on how to make a transparent background for your images, we'll give an overview of transparent PNGs and how to make an epitome/logo background transparent with Canva, Adobe Photoshop, and Fiverr.

Skip ahead with these quick links:

What is a Transparent PNG groundwork?
PNG vs JPG vs GIF
What tools tin can yous employ to make a transparent PNG?
Brand Your Background Transparent Using Canva
Brand Your Groundwork Transparent Using Adobe Photoshop
Make Your Background Transparent Using Fiverr
Best Image Editing Programs

What Is a Transparent PNG Background?

A PNG is an image file type that allows you to have no background colour. Most images cover a certain number of pixels and have colour in all of those pixels, fifty-fifty if that colour is white. A transparent background has nothing in the groundwork pixels, allowing what'south behind it to show through.

In this screenshot, you lot can come across that the header with the "Emergency Chapter Housing Campaign" logo has used an image with a transparent background because the blue behind information technology is showing through.

In contrast, you can meet here a logo with a white groundwork:

The white box behind the logo itself is the background. It looks unprofessional and messy and can clash with the groundwork color of websites, brochures, or other designs.

Whether yous have a website for your freelance piece of work, pocket-size business, or nonprofit, you lot'll want to ensure that your logo looks good on any folio.

When y'all make your logo's background transparent, you tin be confident that information technology volition look professional person wherever it's displayed (whether that'southward tertiary-party websites, social media, or your own site).

Unless yous desire to change the colors on your site, you demand to make a PNG with a transparent background that seamlessly integrates with your page and designs.

Related postal service: 150+ Incredible Fundraising Ideas Proven To Enhance Money In Less Time

PNG vs JPG vs GIF

A PNG is only one blazon of paradigm format that you tin apply on your website, and information technology may not be the ane that you're most familiar with. Nonetheless, information technology's definitely useful and y'all should probably familiarize yourself with it. Allow's look at some of the image options.

JPGs are a mutual option for images on websites because they have a relatively small file size. This helps your website to load faster (which is especially good for SEO). Withal, JPGs don't support transparent backgrounds, and when they are compressed they lose epitome quality.

So if yous were to delete the background of your image (as we'll explore in the following section), and then save that image as a JPG, the transparent background will actually show up as solid white or solid black.

PNGs are a better option when you need a transparent image or want something with incredibly well-baked, clear lines (similar a line cartoon or other iconic graphics).

Another choice is a GIF. GIF files can have transparent backgrounds, however, in that location are some benefits to using a PNG over a GIF. PNGs have meliorate compression, so the image size is smaller. In addition, GIFs only let one color to be specified as transparent, while PNGs have meliorate transparency options.

Each file blazon has specific use cases, and all of them are essential for post-obit proficient graphic design and web pattern best practices.

JPGs should be used for the majority of basic online images that don't require high dissimilarity. PNGs should be used for any images that require a transparent groundwork or demand loftier contrast. GIFs should be used for blithe images.

One affair to note about PNGs is that there are a few different types of PNG files. These include palette-based, grayscale, and RGB. Yous will more often than not want to utilize an RGB format with transparency. This ensures that your epitome will be in full color and gives the option of full transparency.

Annotation: For websites, y'all can also save an epitome as WebP, a format that has the transparent background feature supported in a PNG at a much smaller file size. You'll desire to convert the image from WebP to PNG first.

What tools can you utilise to create a transparent groundwork?

The go-to tool for editing transparent PNGs (and the industry standard for pretty much all photo editing) is Adobe Photoshop, just it'southward not the just tool out at that place. We'll be looking at these three programs, all of which accept the ability to brand an image groundwork transparent:

Canva
Adobe Photoshop
Fiverr

Let'due south take a look.

Disclosure: Some links below are chapter links, that assistance support our free resources and guides. At no cost to you lot, we may earn a small commission if yous click through and make a purchase. Thank you for your support!

Brand Your Background Transparent Using Canva

Canva is a free plan that you can use through an internet browser. You'll demand to begin by making an account with Canva. This lets you relieve your designs and come back to them later.

The transparent background removal feature is but available in their Pro plan, which is $12.99/calendar month. It comes with a thirty day free trial though then you tin can get remove as many backgrounds equally you want in a month for free!

Deep Dive: You can acquire some tips and tricks of using Canva in this book.

Footstep 1. Create a design

When y'all click on the "create a pattern" button, you'll have options of the size y'all want to create. You lot tin employ any dimensions, only I would recommend looking at the dimensions of your logo and using those.

Once yous've created your design you'll see a screen that looks like this:

Step 2. Upload image

You simply have to drag and drop your logo into the left-manus panel and it will brainstorm uploading. Yous'll come across its progress in the "Uploads" tab.

One time it'south finished uploading, click on it to add it to your design.

You tin can change the size to fit the space as you see fit.

Note: We added a colored groundwork then that I could run into when my background disappeared.

Step 3. Remove background image

Click on the image yous've added to your pattern. Y'all'll run into a number of menus announced, including "Furnishings". Choose effects. The first option you see will be "Background Remover".

Click it and you're all set! Easy!

Before:

Later:

Tip: Yous can add a colored background to double-cheque that it has worked, but brand sure yous remove it before y'all save the image past clicking the background and pressing delete.

Pace 4. Download paradigm

Select download in the upper-righthand corner. Yous'll run into this menu:

Make sure that your file blazon is PNG, and that yous've checked the box that says "transparent background". Then click download!

Cheque out Canva here.

Full video walkthrough

Related postal service: 32 Virtual Fundraising Ideas for Nonprofits [2022]

Make Your Background Transparent Using Adobe Photoshop

If you lot take a logo with colored groundwork, y'all must first make the background transparent. Then yous tin convert the file format into PNG, which is the file format designed for transferring images onto the cyberspace. Here'south how to do it on Adobe Photoshop.

Deep Swoop: You lot can learn all the ins and outs of Photoshop in this book.

Step 1. Open Logo File

Step 2. Add together A Transparent Layer

Select "Layer" > "New Layer" from the card (or just click on the square icon in the layers window).

The new layer should automatically be transparent.

Drag this new layer below your image'southward layer and select your content layer.

Step 3. Delete the groundwork

Using the magic wand or lasso tool, select the area of the paradigm you want to be transparent. Use a tolerance setting of 32, or likewise experiment with different settings to get the result you want.

Hit the Delete button. The selected expanse will be removed and replaced by a grey and white checkered background (the sign that you now have a transparent background).

If you lot have circles or any shapes in your logo that are not connected, you may demand to repeat the selection and deletion procedure on those other areas of your logo (as you can run into, I need to delete the background from the outside of my logo image and from within the circle as well).

Pace 4. Salvage As A Transparent PNG Image

Click "File" -> "Save Equally". Select "PNG (*.PNG) equally the file format. Note that though a transparent background looks checkered in Photoshop, it volition actually be transparent in the final PNG file. Now you can upload this logo with a transparent groundwork onto your website!

Tip: You lot might demand to get to "Fashion" -> "RBG Color" to change your image's color format into RBG, which supports transparency.

Video walkthrough:

Make Your Groundwork Transparent Using Fiverr

Fiverr is a marketplace where you tin find people to do small gigs for you. One of these gigs includes making your logo background transparent or removing background images from your photos.

We've used this service before and they typically plow effectually the project within 1 twenty-four hour period (sometimes faster), including revisions, and it costs around $5 or less per image.

If you're short on time or need to create a transparent groundwork for merely a few images, this is a bang-up alternative to go professional results in less time and try.

Stride one. Get to Fiverr'southward Logo Gigs

Here's the link to become to the primary logo gig page. You'll see a listing of people offer to remove the background from your image or brand your PNG transparent.

create a transparent background with Fiverr

Step two. Select a Gig

These gigs start out at $5 USD for 1 epitome. Many people offer up to 5 or ten images at simply $5, and then exist certain to scan around for the correct toll and service.

Nosotros recommend choosing someone that has a 4.ix out of 5.0 rating or higher with unlimited revisions and 5 images. Under an hour delivery is common so look out for a quick turnaround.

Step iii. Purchase Fiverr Service

After you find someone that has expert reviews, fast turnaround, and the right service, you tin can easily buy the service by checking out.

Fiverr does charge a service fee now (new this year), so budget in that extra amount. For instance, this $5 gig has a $2.25 service fee!

Subsequently y'all buy, simply transport in y'all epitome file (loftier resolution recommended) and whatever instructions. We recommend beingness as specific as possible so the gig gets done right.

Bank check out Fiverr's logo gigs here.

More Applications for Creating a Transparent Background

There are several means to create a transparent background for your logo images. Hither's a summary of some more tools and software to get the job washed.

When using mobile editing apps and tools don't forget to take note of the file size and ensure that the quality of your logo still remains loftier for publishing on desktop sites.

Adobe Photoshop is the gold standard in whatsoever type of image editing. Creating transparent backgrounds is just scratching the surface (and may be overkill if that's all y'all demand to do). Photoshop comes with a free trial and month-to-calendar month plans.
Canva is a super easy-to-use online editing tool, helping yous create beautiful designs without complication. We liken it to a lightweight online version of Adobe Photoshop, and an piece of cake way to make your prototype background transparent correct from the browser.
Snappa is a quick online tool to help y'all create online graphics for social media, ads, blogs, and much more than. It'southward complimentary, and like Canva, an easy way to make a transparent groundwork for your images.
Lumina is a desktop application (Mac and PC) that ties in traditional prototype editing with AI technologies. In your images, you can erase objects, change the color of the heaven, and much more than automatically.
InPixio is a desktop application (Mac and PC) that is designed to help yous remove unwanted objects in images. Check this one out since they have English, French, German, and Castilian support.
Background eraser: superimpose is a mobile app that tin can be downloaded for free for iOS users. You lot tin can only bear upon the areas of the screen where you want to make the background transparent, and then export your paradigm as a PNG file. It'southward so easy!
Ultimate Background Eraser is a similar app to Background Remover, but this one is for Google Play/Android users.