How Do I Give An Image A Transparent Background

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

Skip alee with these quick links:

What is a Transparent PNG background?
PNG vs JPG vs GIF
What tools can you use to make a transparent PNG?
Make Your Groundwork 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 epitome file type that allows you to take no background color. Well-nigh images comprehend a certain number of pixels and take color in all of those pixels, fifty-fifty if that color is white. A transparent background has nothing in the background pixels, allowing what'southward behind it to evidence through.

In this screenshot, you can see 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 see hither a logo with a white groundwork:

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

Whether you take a website for your freelance work, small business, or nonprofit, y'all'll want to ensure that your logo looks proficient on any page.

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

PNG vs JPG vs GIF

A PNG is just one type of epitome format that y'all can utilize on your website, and it may non exist the one that you're most familiar with. However it'south definitely useful and yous should probably familiarize yourself with information technology. Let's look at some of the image options.

JPGs are a common choice for images on websites considering they have a relatively pocket-size file size. This helps your website to load faster and without problems. 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 well-baked, clear lines (like a line drawing or other iconic graphics).

Another pick is a GIF. GIF files tin accept transparent backgrounds, however there are some benefits to using a PNG over a GIF. PNGs have amend compression, so the image size is smaller. In add-on, GIFs only permit i color to be specified transparent. PNGs have better transparency options.

Each file type is the best pick in some cases. JPGs should be used for the majority of basic online images that don't crave loftier dissimilarity. PNGs should be used for any images that require a transparent background or demand high dissimilarity. GIFs should be used for animated images.

1 thing to note about PNGs is that in that location are a few unlike 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 be in full color and gives the option for full transparency.

Note: For websites, you can also save an image every bit WebP, a format that has the transparent background characteristic supported in a PNG at a much smaller file size. You'll want to convert the paradigm from WebP to PNG first.

What tools can you lot use to brand a transparent background?

The go-to tool for editing transparent PNGs is Adobe Photoshop, but it's not the only tool out in that location. We'll be looking at these 3 programs to edit transparent PNGs:

Canva (Our favorite!)
Adobe Photoshop
Fiverr

Let'south accept a wait.

Disclosure: Some links below are affiliate links, that assistance support our free resource and guides. At no price to you, we may earn a small commission if you click through and make a purchase. Thanks for your support!

Brand Your Background Transparent Using Canva

Canva is a costless program that you tin can use through an internet browser. Yous'll demand to brainstorm by making an account with Canva. This lets y'all save your designs and come back to them later.

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

NEW: You tin have upward to 5 users included in their new pricing!

i. Start by creating a design

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

Once you've created your design you'll come across a screen that looks like this:

2. Upload image

Yous simply have to elevate and drop your logo into the left paw panel and it will begin uploading. You'll come across its progress in the "Uploads" tab.

Once it'south cease uploading, click on it to add together it to your design.

You lot can change the size to fit the space as y'all run into fit.

Note: Nosotros added a colored background so that I could see when my background disappeared.

3. Remove background prototype

Click on the image you lot've added to your design. Y'all'll see a number of menus announced, including "Effects". Choose effects. The first selection you see volition exist "Background Remover".

Click it and you're all set! Easy!

Earlier:

Later:

Tip: Yous can add together a colored background to double check that it has worked, merely make sure you remove it before you save the image past clicking the background and pressing delete.

4. Download the prototype

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

Brand sure that your file blazon is PNG, and that y'all've checked the box that says "transparent background". And then click download!

Check out Canva here.

For a video walkthrough, watch this video

Make Your Groundwork With a Transparent Using Adobe Photoshop

If you lot have a logo with colored groundwork, yous must first make the background transparent. Then you tin convert the file format into PNG, which is the file format designed for transferring images onto the internet. Hither's how to do it on Adobe Photoshop.

1. Open The File Of Your Logo

ii. 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.

3. Make The Background 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 unlike settings to go the result you want.

Hit the Delete push. 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 connected, you may demand to repeat the choice and deletion procedure on those other areas of your logo (as you can see, I need to delete the groundwork from the outside of my logo image and from within the circle equally well

4. Save The Logo As A Transparent PNG Image

Click "File" -> "Salvage As". Select "PNG (*.PNG) as the file format. Note that though a transparent groundwork looks checkered in Photoshop, information technology volition actually be transparent in the final PNG file. Now y'all tin upload this logo with a transparent background onto your website!

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

For a video walkthrough, picket this video

Make Your Background Transparent Using Fiverr

Fiverr is a market place where you can find people to do small gigs for y'all. 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 projection within i 24-hour interval (sometimes faster), include revisions, and it costs around $5 or less per prototype.

If you're curt on fourth dimension or only have an image or two to make transparent, this is a great alternative to get professional results in less fourth dimension and effort.

one. Go to Fiverr'due south Logo Gigs

Here's the link to go to the principal logo gig page. You lot'll meet a list of people offering to remove the groundwork from your image or make your PNG transparent.

ii. Select a Gig

These gigs offset out at $5 USD for i image. Many people offer up to 5 or x images at just $5, so exist certain to browse around for the correct cost and service.

Nosotros recommend choosing someone that has a four.9 out of five.0 rating or higher with unlimited revisions and five images. Nether an 60 minutes commitment is common and so look out for a quick turnaround.

3. Purchase Fiverr Service

After yous detect someone that has skillful reviews, fast turnaround, and the right service, you tin easily purchase the service by checking out.

Fiverr does charge a service fee at present (new this year), and so budget in that extra amount. For example, this $5 gig has a $two.25 service fee!

Subsequently you purchase, only send in you image file (high resolution recommended) and whatsoever instructions. Nosotros recommend being as specific as possible and then the gig gets done right.

Cheque out Fiverr's logo gigs here.

Best Transparent Image Editing Programs

We've whittled it down to a few of the best image editing programs. 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 however remains high for publishing on desktop sites.

Adobe Photoshop is the gold standard in any blazon of epitome editing. You can create transparent PNGs besides as do a host of other professional epitome editing. Comes with a free trial and month to month plans.
Canva is a super easy to use online editing tool, helping you create beautiful designs without complexity. Nosotros liken it to a light-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 gratis, like to Canva.
Lumina is a desktop awarding (Mac and PC) that ties in traditional image editing with AI technologies. In your images, you tin can erase objects, change the color of the sky, and much more automatically.
InPixio is a desktop application (Mac and PC) that is designed to help you remove unwanted objects in images. Check this one out since they take English, French, German, and Spanish support.
Background eraser: superimpose is a mobile app that tin be downloaded costless for IOS users. Y'all can but touch the areas of the screen where you lot want to rub out the groundwork, and so export your image as a PNG file. It'south and then like shooting fish in a barrel!
Ultimate Background Eraser is a similar app to Background Remover, but this one is for google play/Android users.