How to Remove an Image Background in Photoshop or Gimp

For this exercise, you’ll need a photo editor like Photoshop or Gimp — we’ll be using Photoshop. Before you start, you’ll need to make sure that your image is in either a PNG or GIF format, as they are the only two image formats that allow transparency.

On the left, you’ll see that I’ll only be using two tools, the magic wand and the eraser.

Photoshop with magic wand and eraser tools highlighted

Step 1
Use the magic wand tool to select the background area. The magic wand tool selects a continuous area, so if your image has spaces where the background shows through the image, you’ll have to hold the Shift key and select these spaces as well. I had to do this with the center of the A and O letters.

Klaviyo logo with background highlighted

Step 2
Select the eraser tool and increase the brush size. This isn’t strictly necessary, but it will speed up the process — otherwise, you’ll have to manually erase the background by cursing over the image.

Picture3

Step 3
Erase the background by clicking on the selected area.

Klaviyo logo without background

And voila! Your image no longer has a background.

Photoshop gif

 

The art of an email countdown timer

 

 

Feature Launch: Exporting Flow Analytics

 

 

A deep dive into creating a high performing win-back campaign

 

.yuzo_related_post img{width:260px !important; height:250px !important;}
.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}
.yuzo_related_post .relatedthumb:hover{background:#ffffff !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}
.yuzo_related_post .relatedthumb a{color:#323b43!important;}
.yuzo_related_post .relatedthumb a:hover{ color:}!important;}
.yuzo_related_post .relatedthumb:hover a{ color:!important;}
.yuzo_related_post .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb{ margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; }

jQuery(document).ready(function( $ ){
//jQuery(‘.yuzo_related_post’).equalizer({ overflow : ‘relatedthumb’ });
jQuery(‘.yuzo_related_post .yuzo_wraps’).equalizer({ columns : ‘> div’ });
})

Back to Blog Home
Get email marketing insights delivered straight to your inbox.