How To Save An Image With A Transparent Background

In this guide to making a transparent groundwork, nosotros'll requite an overview of transparent PNGs and how to brand an image/logo background transparent with Canva, Adobe Photoshop, and Fiverr.

Skip ahead with these quick links:

What is a Transparent PNG background?
PNG vs JPG vs GIF
What tools tin you lot employ to make a transparent PNG?
Brand Your Background Transparent Using Canva
Make 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 blazon that allows yous to take no background colour. Nearly images cover a sure number of pixels and accept color in all of those pixels, even if that color is white. A transparent background has naught in the background pixels, allowing what's behind information technology to show through.

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

In contrast, yous can see here a logo with a white background:

The white box backside the logo itself is the background. Information technology looks unprofessional and messy, and tin can disharmonism with the background color websites, brochures, or other designs.

Whether you accept a website for your freelance work, pocket-size business, or nonprofit, you'll want to ensure that your logo looks adept on any page.

Unless you want to alter the colors on your site, you lot demand to make a transparent PNG that seamlessly integrates with your folio and designs.

PNG vs JPG vs GIF

A PNG is only one type of image format that you tin employ on your website, and it may non be the one that yous're about familiar with. However it'south definitely useful and you should probably familiarize yourself with it. Let's expect at some of the paradigm options.

JPGs are a common choice for images on websites because they have a relatively minor file size. This helps your website to load faster and without bug. However JPGs don't support transparent backgrounds, and when they are compressed they lose image quality.

PNGs are a better choice when you need a transparent image or want something with incredibly crisp, articulate lines (like a line drawing or other iconic graphics).

Some other option is a GIF. GIF files can take transparent backgrounds, however at that place are some benefits to using a PNG over a GIF. PNGs have meliorate compression, so the epitome size is smaller. In addition, GIFs just permit ane color to be specified transparent. PNGs have meliorate transparency options.

Each file type is the best option in some cases. JPGs should be used for the bulk of basic online images that don't require high contrast. PNGs should exist used for any images that crave a transparent background or need loftier contrast. GIFs should be used for animated images.

Ane thing to note nearly PNGs is that there are a few different types of PNG files. These include palette-based, grayscale, and RGB. You will generally want to use an RGB format with transparency. This ensures that your image will exist in full color and gives the option for total transparency.

Note: For websites, you can also relieve an image as WebP, a format that has the transparent groundwork feature supported in a PNG at a much smaller file size. Y'all'll want to convert the image from WebP to PNG get-go.

What tools can you lot employ to make a transparent background?

The go-to tool for editing transparent PNGs is Adobe Photoshop, but information technology's not the only tool out there. We'll be looking at these three programs to edit transparent PNGs:

Canva (Our favorite!)
Adobe Photoshop
Fiverr

Let's have a expect.

Disclosure: Some links below are chapter links, that help back up our free resources and guides. At no cost to you, nosotros may earn a minor commission if y'all click through and make a purchase. Thank y'all for your support!

Make Your Groundwork Transparent Using Canva

Canva is a free program that you tin use through an internet browser. You'll demand to begin past making an account with Canva. This lets you lot save your designs and come dorsum to them later on.

The transparent groundwork removal feature is merely available in their Pro plan, which is $12.99/month. Information technology comes with a 30 day complimentary trial though so yous can go remove every bit many backgrounds as you want in a month for free!

NEW: You lot can accept upwardly to 5 users included in their new pricing!

ane. First by creating a design

When you click on the "create a design" push button, yous'll take options of the size you want to create. Yous tin can apply any dimensions, but I would recommend looking at the dimensions of your logo and using those.

One time you've created your blueprint you'll see a screen that looks like this:

2. Upload prototype

You only have to drag and driblet your logo into the left hand panel and it will begin uploading. Y'all'll run across its progress in the "Uploads" tab.

Once it's cease uploading, click on it to add it to your pattern.

You can change the size to fit the space equally you lot see fit.

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

3. Remove background image

Click on the image you've added to your pattern. You'll see a number of menus appear, including "Effects". Choose effects. The kickoff option you run across volition be "Background Remover".

Click it and you lot're all set up! Easy!

Earlier:

After:

Tip: You lot tin add a colored background to double check that information technology has worked, but brand sure you remove it before you salvage the image by clicking the groundwork and pressing delete.

4. Download the image

Select download in the upper righthand corner. You'll see this card:

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

Check out Canva here.

For a video walkthrough, spotter this video

Make Your Background With a Transparent Using Adobe Photoshop

If yous have a logo with colored groundwork, y'all must first make the background transparent. Then you can catechumen the file format into PNG, which is the file format designed for transferring images onto the internet. Here's how to do information technology on Adobe Photoshop.

1. Open up The File Of Your Logo

2. Add A Transparent Layer

Select "Layer" > "New Layer" from the menu (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's layer and select your content layer.

three. Make The Groundwork Transparent

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

Hitting the Delete button. The selected area will be removed and the transparent background becomes visible.

If you accept circles, or any shapes in your logo that are non continued, yous may demand to repeat the option and deletion process on those other areas of your logo (as you lot tin can see, I need to delete the background from the exterior of my logo image and from within the circle also

4. Save The Logo Equally A Transparent PNG Prototype

Click "File" -> "Save Equally". Select "PNG (*.PNG) every bit the file format. Annotation that though a transparent background looks checkered in Photoshop, information technology will really exist transparent in the last PNG file. Now you tin upload this logo with a transparent background onto your website!

Tip: You might need to become to "Way" -> "RBG Color" to change your image'south color format into RBG, which supports transparency.

For a video walkthrough, watch this video

Make Your Background Transparent Using Fiverr

Fiverr is a marketplace where you can find people to do small gigs for you. Ane 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 turn effectually the project within one day (sometimes faster), include revisions, and it costs around $5 or less per image.

If you lot're brusque on fourth dimension or simply have an epitome or two to make transparent, this is a nifty alternative to get professional person results in less fourth dimension and endeavour.

1. Get to Fiverr's Logo Gigs

Hither'south the link to get to the master logo gig folio. Yous'll run into a list of people offering to remove the background from your image or brand your PNG transparent.

ii. Select a Gig

These gigs start out at $5 USD for i image. Many people offer up to 5 or 10 images at just $5, and then be certain to scan around for the right price and service.

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

3. Purchase Fiverr Service

After you observe someone that has practiced reviews, fast turnaround, and the right service, you can easily purchase the service by checking out.

Fiverr does charge a service fee now (new this twelvemonth), so budget in that extra corporeality. For example, this $5 gig has a $two.25 service fee!

After yous purchase, but send in you lot epitome file (high resolution recommended) and whatever instructions. Nosotros recommend being every bit specific as possible so the gig gets done right.

Bank check out Fiverr's logo gigs here.

Best Transparent Paradigm Editing Programs

We've whittled information technology down to a few of the best image editing programs. When using mobile editing apps and tools don't forget to have note of the file size and ensure that the quality of your logo still remains high for publishing on desktop sites.

Adobe Photoshop is the gilt standard in any blazon of image editing. You tin can create transparent PNGs likewise every bit exercise a host of other professional person image editing. Comes with a gratis trial and month to calendar month plans.
Canva is a super easy to use online editing tool, helping you create beautiful designs without complication. We liken it to a lite-weight online version of Adobe Photoshop.
Snappa is a quick an online tool to help you create online graphics for social media, ads, blogs, and much more. It's free, like to Canva.
Lumina is a desktop application (Mac and PC) that ties in traditional image editing with AI technologies. In your images, y'all tin erase objects, change the color of the sky, and much more automatically.
InPixio is a desktop application (Mac and PC) that is designed to aid you remove unwanted objects in images. Check this one out since they have English, French, High german, and Spanish back up.
Background eraser: superimpose is a mobile app that can be downloaded gratuitous for IOS users. Y'all can merely touch the areas of the screen where y'all want to rub out the background, and then export your image as a PNG file. Information technology's then easy!
Ultimate Background Eraser is a similar app to Background Remover, simply this 1 is for google play/Android users.