How To Make A Logo Background Transparent | No Software Required!

How To Make A Logo Background Transparent | No Software Required! 800 470 Logos By Nick

In this post I’ll be demonstrating how to make a logo background transparent, and this will not require any software whatsoever! This is something that can be done entirely through your web browser, even if you’re a complete beginner who has no prior experience with design tools.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

If you’re currently using a logo that does not have a transparent background then you are likely going to have trouble using it, and quite often. Ideally, a logo should retain enough versatility to be used in any possible context, and having a logo with a transparent background that can be overlaid onto any backdrop is a pillar of a versatile logo. This is something I covered in my post about preparing logo files for clients.

If the designer you hired to create your logo did not sufficiently provide you with the all of the proper file formats and variations then it would be in your best interest to reach out to them and see if they can provide that for you.

If you are unable to reach your designer, or if for whatever other reason you are stuck with a logo that doesn’t have a transparent background, then read on to learn how to make a logo background transparent.

How To Make A Logo Background Transparent

The following is a breakdown of the steps taken to achieve this task. For complete step-by-step instructions I would highly advise that you watch the video tutorial at the top of the page.

The steps we’ll be taking are as follows…

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

  • Step 1: Go to Photopea.com and open your logo using the web interface.
  • Step 2: Grab the Magic Wand tool and adjust the Tolerance setting according to your logo’s specifications.
  • Step 3: Click on the background of your logo using the Magic Wand tool to create a selection around your background, then press Delete on your keyboard to make it transparent.
  • Step 4: Export your logo as a PNG file to retain its transparency properties and save it locally.

Let’s go over these steps a little more in-depth.

Step 1: Go To Photopea.com

Photopea is a free web-based photo editor that is very similar to Photoshop. It looks, feels, and functions just like Photoshop does, but it doesn’t cost anything and you don’t need to download it. You can use it directly within your web browser.

To open your logo with Photopea, navigate to File > Open in the toolbar towards the top of the screen, then select your logo file.

I’ll be using the following example logo for this demonstration…

Example logo

The goal is to replace the yellow background with transparency.

Once you’ve opened your logo, your screen should look something like this…

Opened logo

Step 2: Create A Selection with The Magic Wand Tool

Next, navigate to the toolbar on the left side of the screen and click and hold on the Object Selection tool (fourth icon from the top) until the following fly-out menu appears…

Magic Wand tool

Select Magic Wand, located at the bottom of the list.

With the Magic Wand tool selected, simply click on the background area of your logo to create a selection around it. The selection will be represented by a dotted line, similar to the following screenshot.

Selection around background

Step 3: Delete Your Background

This is the step in which we’ll be directly addressing how to make a logo background transparent. Simply press the Delete key on your board. The background should then be deleted to transparency, as indicated by a checkerboard pattern.

Deleted background

To make sure that the background is deleted in its entirety, zoom in on the logo by holding the Alt key and rolling up on your mouse wheel.

Remaining pixels

If there’s still some pixel remnants of the background around the edges of your logo, similar to my example above, you can undo this action by pressing Control + z on your keyboard. Press it twice to undo both the deletion of the background and the creation of the selection.

In the tool settings near the top of the page, look for Tolerance and slide it to the right to increase the area of pixels that the Magic Wand tool selects, then try again.

For my example logo I had to increase the tolerance to 126. Your needs may vary depending on your logo.

Tolerance setting

Once you’ve found the proper tolerance setting, you should be able to make your logo background transparent without any pixel discoloration around the edges. Then, you can use the Magic Wand tool to select the areas within the negative space of the letters and delete them as well.

Logo with a transparent background

Step 4: Export Your Finished Logo As a PNG File

Once you’ve deleted your logo’s background to transparent, you can save your work by navigating to File > Export As PNG.

It’s important that you choose the .png format because that is the format that retains transparency values. JPEG does not support transparency, therefore I do not recommend saving it in this format. Knowing how to make a logo background transparent is useless if you do not save it in the proper format.

Go ahead and export your logo as a PNG using the default setting from the Export menu. Once you click Save, your new transparent logo should appear in your browser as a download.

Logo with transparent background

And that is how to make a logo background transparent without any design software! If you have any questions or run into any problems simply leave a comment below. As always, thanks for watching!

Want Me To Design Your Logo?

I'm Nick, and I design logos. I can help you enhance your image and make an impactful impression with some next-level branding. Check out my portfolio to see how I've helped others and learn more about how I can do the same for you.


Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick

Designer, content creator, and the founder of LogosByNick.com — an educational media platform for learning about graphic design.

All stories by: Nick
3 comments
  • DP

    Hey Nick,

    Thanks for this tip. It was very helpful. I also really liked the tutorial about using mockups in Photopea. I really like mockups and I cannot afford Photoshop, so Photopea was a great alternative.

    A few quick questions: have you ever created a logo using Illustrator, and do you still use Inkscape all the time? Do you think you can make stuff on Illustrator faster than on Inkscape, or is Inkscape even with Illustrator in terms of workflow and efficiency?

    I am also an Inkscape and GIMP user. The software is amazing and I really like it as well.

    I look forward to your next tutorial.

    Keep up the great work,

    DP

Leave a Reply

Your email address will not be published.