How To Export Image Without Background In Photoshop

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 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 apply to make a transparent PNG?
Brand Your Groundwork 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 paradigm file blazon that allows y'all to have no groundwork color. Nearly images encompass a certain number of pixels and have color in all of those pixels, fifty-fifty if that color is white. A transparent background has nil in the background pixels, allowing what'southward behind it to evidence through.

In this screenshot, you lot can see that the header with the "Emergency Affiliate Housing Entrada" logo has used an image with a transparent groundwork because the blue behind it is showing through.

In contrast, you can encounter here a logo with a white background:

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

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

When y'all brand your logo's background transparent, y'all can be confident that it will look professional person wherever information technology'southward displayed (whether that's 3rd-party websites, social media, or your own site).

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

PNG vs JPG vs GIF

A PNG is only i type of image format that you can use on your website, and information technology may not be the one that you're most familiar with. However, information technology's definitely useful and you should probably familiarize yourself with it. Let's look at some of the image options.

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

Then if you were to delete the background of your prototype (as nosotros'll explore in the following department), and then save that paradigm as a JPG, the transparent groundwork will actually show up every bit solid white or solid black.

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

Some other option is a GIF. GIF files can have transparent backgrounds, however, there are some benefits to using a PNG over a GIF. PNGs have ameliorate compression, and so the image size is smaller. In improver, GIFs only allow i color to be specified equally transparent, while PNGs have improve transparency options.

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

JPGs should exist used for the bulk of basic online images that don't crave high contrast. 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 in that location 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 be in full color and gives the selection of total transparency.

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

What tools can you use to create a transparent background?

The get-to tool for editing transparent PNGs (and the manufacture standard for pretty much all photo editing) is Adobe Photoshop, just information technology's non the only tool out there. We'll exist looking at these three programs, all of which have the ability to make an image groundwork transparent:

Canva
Adobe Photoshop
Fiverr

Permit's have a look.

Disclosure: Some links beneath are affiliate links, that help support our costless resources and guides. At no cost to you, we may earn a small commission if you click through and make a purchase. Thank you for your back up!

Make Your Groundwork Transparent Using Canva

Canva is a free program that you can use through an internet browser. Yous'll need to begin past making an account with Canva. This lets y'all relieve your designs and come dorsum to them after.

The transparent background removal feature is merely available in their Pro plan, which is $12.99/month. It comes with a 30 day free trial though so you can get remove equally many backgrounds as y'all desire in a month for free!

Deep Dive: You can larn some tips and tricks of using Canva in this volume.

one. Create a pattern

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

One time you've created your blueprint you lot'll meet a screen that looks similar this:

ii. Upload image

Yous only have to drag and drib your logo into the left-manus panel and it will brainstorm uploading. Yous'll see its progress in the "Uploads" tab.

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

You tin can alter the size to fit the infinite as you lot see fit.

Note: We added a colored background so that I could meet when my background disappeared.

iii. Remove background image

Click on the paradigm you've added to your design. Yous'll run into a number of menus appear, including "Effects". Choose effects. The offset pick you see will exist "Background Remover".

Click information technology and you're all prepare! Easy!

Before:

After:

Tip: You lot can add together a colored background to double-check that it has worked, only make certain you remove it before you save the image by clicking the background and pressing delete.

4. Download paradigm

Select download in the upper-righthand corner. You'll come across this carte:

Make sure that your file type is PNG, and that you lot've checked the box that says "transparent groundwork". And so click download!

Check out Canva hither.

Full video walkthrough

Brand Your Groundwork Transparent Using Adobe Photoshop

If you have a logo with colored background, you must commencement make the groundwork transparent. Then y'all tin can convert the file format into PNG, which is the file format designed for transferring images onto the net. Hither'southward how to practice information technology on Adobe Photoshop.

Deep Dive: Yous can learn all the ins and outs of Photoshop in this book.

ane. Open up Logo File

2. Add A Transparent Layer

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

The new layer should automatically be transparent.

Drag this new layer beneath your image's layer and select your content layer.

iii. Make The Background Transparent

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

Hit the Delete button. The selected surface area volition be removed and replaced by a greyness and white checkered background (the sign that yous now have a transparent groundwork).

If you have circles or any shapes in your logo that are not connected, you may need to repeat the pick 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 besides).

iv. Save Every bit A Transparent PNG Image

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

Tip: Yous might need to go to "Mode" -> "RBG Color" to alter your image's colour format into RBG, which supports transparency.

Video walkthrough:

Make Your Background Transparent Using Fiverr

Fiverr is a market where you can find people to exercise 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 plough around the project within 1 day (sometimes faster), including revisions, and it costs around $v or less per image.

If you're brusque on time or demand to create a transparent background for just a few images, this is a great culling to become professional results in less time and effort.

1. Go to Fiverr'due south Logo Gigs

Here's the link to go to the main logo gig folio. Y'all'll see a listing of people offer to remove the background from your paradigm or make your PNG transparent.

ii. Select a Gig

These gigs first out at $5 USD for i prototype. Many people offering up to 5 or 10 images at only $five, then be certain to browse around for the right price and service.

We recommend choosing someone that has a 4.9 out of 5.0 rating or higher with unlimited revisions and five images. Nether an hr commitment is common and so await out for a quick turnaround.

3. Purchase Fiverr Service

Later on you lot detect someone that has good reviews, fast turnaround, and the right service, yous tin hands buy the service by checking out.

Fiverr does accuse a service fee now (new this year), then upkeep in that extra amount. For example, this $5 gig has a $2.25 service fee!

Afterward you purchase, simply send in you image file (high resolution recommended) and any instructions. Nosotros recommend existence as specific as possible so the gig gets done right.

Bank check out Fiverr'due south logo gigs here.

More Applications for Creating a Transparent Background

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

When using mobile editing apps and tools don't forget to accept 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 blazon of image editing. Creating transparent backgrounds is just scratching the surface (and may be overkill if that's all yous need to do). 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 complication. We liken it to a lightweight online version of Adobe Photoshop, and an piece of cake fashion to make your epitome background transparent right from the browser.
Snappa is a quick online tool to help y'all create online graphics for social media, ads, blogs, and much more. It's free, and like Canva, an easy way to brand a transparent background for your images.
Lumina is a desktop application (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. Bank check this 1 out since they have English, French, German, and Spanish support.
Background eraser: superimpose is a mobile app that tin be downloaded for free for iOS users. You tin just touch the areas of the screen where you want to make the background transparent, and so export your paradigm as a PNG file. Information technology's so easy!
Ultimate Background Eraser is a similar app to Background Remover, merely this ane is for Google Play/Android users.