How To Set Background To Transparent

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 prototype/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 can yous use to make a transparent PNG?
Make Your Background Transparent Using Canva
Make Your Groundwork Transparent Using Adobe Photoshop
Make Your Groundwork Transparent Using Fiverr
All-time Prototype Editing Programs

What Is a Transparent PNG Groundwork?

A PNG is an paradigm file type that allows you lot to have no background color. Most images embrace a certain number of pixels and have color in all of those pixels, even if that color is white. A transparent background has nix in the groundwork pixels, allowing what's backside it to bear witness through.

In this screenshot, yous can see that the header with the "Emergency Affiliate Housing Campaign" logo has used an image with a transparent background because the blueish behind it is showing through.

In contrast, you can see hither a logo with a white background:

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

Whether you have a website for your freelance work, pocket-sized business, or nonprofit, y'all'll want to ensure that your logo looks good on any page.

When you make your logo'due south background transparent, you can be confident that information technology will look professional wherever information technology's displayed (whether that's third-political party websites, social media, or your own site).

Unless y'all want to change the colors on your site, yous need to make a PNG with a transparent groundwork that seamlessly integrates with your page and designs.

PNG vs JPG vs GIF

A PNG is just one type of epitome format that you tin can utilize on your website, and it may not be the one that you're most familiar with. However, it's definitely useful and yous should probably familiarize yourself with it. Let's wait at some of the image options.

JPGs are a common choice for images on websites considering they have a relatively small-scale file size. This helps your website to load faster (which is particularly skilful for SEO). However, JPGs don't support transparent backgrounds, and when they are compressed they lose image quality.

So if you were to delete the background of your image (as nosotros'll explore in the post-obit section), and then salve that image as a JPG, the transparent background will actually evidence up every bit solid white or solid black.

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

Another selection is a GIF. GIF files can have transparent backgrounds, all the same, there are some benefits to using a PNG over a GIF. PNGs have amend compression, so the image size is smaller. In addition, GIFs just allow one color to exist specified as transparent, while PNGs take better transparency options.

Each file type has specific apply cases, and all of them are essential for post-obit adept graphic design and web design 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 crave a transparent background or need high contrast. GIFs should be used for animated images.

Ane thing to note about PNGs is that there are a few dissimilar 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 paradigm will be in total color and gives the option of full transparency.

Note: For websites, yous can also save an epitome as WebP, a format that has the transparent background characteristic supported in a PNG at a much smaller file size. Y'all'll want to convert the prototype from WebP to PNG kickoff.

What tools tin can you use to create a transparent background?

The become-to tool for editing transparent PNGs (and the industry standard for pretty much all photograph editing) is Adobe Photoshop, but it's not the only tool out at that place. Nosotros'll be looking at these three programs, all of which have the ability to brand an epitome background transparent:

Canva
Adobe Photoshop
Fiverr

Permit's take a look.

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

Make Your Background Transparent Using Canva

Canva is a free programme that you tin can use through an net browser. You'll need to begin by making an business relationship with Canva. This lets you salve your designs and come up back to them after.

The transparent background removal feature is but available in their Pro programme, which is $12.99/calendar month. Information technology comes with a 30 24-hour interval complimentary trial though so you can get remove as many backgrounds every bit you desire in a calendar month for costless!

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

1. Create a design

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

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

2. Upload prototype

You merely have to drag and drib your logo into the left-hand console and it volition brainstorm uploading. Yous'll see its progress in the "Uploads" tab.

Once it's finished uploading, click on it to add information technology to your design.

You can change the size to fit the space as you come across fit.

Notation: We added a colored background so that I could encounter when my background disappeared.

3. Remove groundwork image

Click on the epitome you've added to your design. You lot'll see a number of menus announced, including "Furnishings". Choose furnishings. The first option you run across will exist "Background Remover".

Click it and you're all set! Easy!

Before:

Afterwards:

Tip: Y'all can add a colored background to double-check that it has worked, simply make sure yous remove it before you lot save the prototype by clicking the background and pressing delete.

4. Download image

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

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

Check out Canva here.

Full video walkthrough

Make Your Background Transparent Using Adobe Photoshop

If you have a logo with colored groundwork, you must start make the groundwork transparent. Then you can convert the file format into PNG, which is the file format designed for transferring images onto the internet. Hither'south how to do information technology on Adobe Photoshop.

Deep Dive: You can acquire all the ins and outs of Photoshop in this volume.

one. Open Logo File

2. Add A Transparent Layer

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

The new layer should automatically be transparent.

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

3. Brand The Groundwork Transparent

Using the magic wand or lasso tool, select the area of the image you lot desire to be transparent. Use a tolerance setting of 32, or as well experiment with dissimilar settings to get the result yous want.

Hit the Delete push button. The selected area will be removed and replaced past a grey and white checky background (the sign that y'all at present have a transparent background).

If you take circles or whatsoever shapes in your logo that are not connected, you may demand to repeat the selection and deletion process on those other areas of your logo (as you tin can run across, I need to delete the background from the exterior of my logo image and from within the circumvolve also).

4. Salvage As A Transparent PNG Image

Click "File" -> "Save As". Select "PNG (*.PNG) as the file format. Note that though a transparent background looks checkered in Photoshop, it will actually be transparent in the final PNG file. At present yous can upload this logo with a transparent background onto your website!

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

Video walkthrough:

Make Your Background Transparent Using Fiverr

Fiverr is a marketplace where yous tin observe people to exercise small gigs for you. 1 of these gigs includes making your logo groundwork transparent or removing groundwork images from your photos.

Nosotros've used this service earlier and they typically turn around the project within 1 twenty-four hours (sometimes faster), including revisions, and information technology costs around $5 or less per image.

If yous're short on time or need to create a transparent background for simply a few images, this is a smashing alternative to go professional results in less fourth dimension and effort.

1. Go to Fiverr'south Logo Gigs

Here's the link to go to the main logo gig folio. You lot'll come across a list of people offering to remove the groundwork from your paradigm or make your PNG transparent.

2. Select a Gig

These gigs start out at $5 USD for 1 prototype. Many people offering upwards to 5 or ten images at just $5, and then be sure to browse around for the right cost and service.

We recommend choosing someone that has a 4.ix out of five.0 rating or college with unlimited revisions and v images. Under an hour delivery is mutual then wait out for a quick turnaround.

3. Purchase Fiverr Service

Subsequently you find someone that has proficient reviews, fast turnaround, and the right service, y'all 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 case, this $five gig has a $2.25 service fee!

Subsequently you lot purchase, just send in you image file (high resolution recommended) and whatsoever instructions. We recommend beingness as specific equally possible so the gig gets done right.

Check out Fiverr'southward logo gigs here.

More Applications for Creating a Transparent Background

At that place are several ways to create a transparent groundwork for your logo images. Here's a summary of some more tools and software to get the task 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 high for publishing on desktop sites.

Adobe Photoshop is the gold standard in any type of image editing. Creating transparent backgrounds is merely scratching the surface (and may be overkill if that'south all yous need to practise). Photoshop 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. We liken it to a lightweight online version of Adobe Photoshop, and an like shooting fish in a barrel way to brand your image background transparent correct from the browser.
Snappa is a quick online tool to aid you create online graphics for social media, ads, blogs, and much more than. It's free, and like Canva, an easy way to make a transparent groundwork for your images.
Lumina is a desktop awarding (Mac and PC) that ties in traditional image editing with AI technologies. In your images, you can erase objects, alter the colour of the sky, and much more than automatically.
InPixio is a desktop application (Mac and PC) that is designed to assistance y'all remove unwanted objects in images. Bank check this ane out since they have English, French, German, and Castilian support.
Background eraser: superimpose is a mobile app that can be downloaded for free for iOS users. You lot tin can merely touch the areas of the screen where yous want to make the background transparent, and and then export your image as a PNG file. Information technology'south and then easy!
Ultimate Groundwork Eraser is a like app to Groundwork Remover, only this one is for Google Play/Android users.