HEY

Participate in the next Webflow Challenge!

How can I erase the background of an image with one click?

You spend too much time removing the background from an image? I'll show you a tool that allows you to erase the background of an image with one click.

Updated on

11/6/2020

erase the background of an image with one click
Photo by Tetyana Kovyrina de Pexels

You spend too much time removing the background from an image? And yet you need it as soon as possible for one of your webflow website creation projects? I'll reveal you a tool that suits me very well! It will allow you to erase the background of an image in one click.

Erase the background of an image in one click with remove.bg

From now on, you no longer need to use Photoshop to hijack an object or a character... Besides, if you're not very good with this software, you might spend your whole day there. But then again, the time it takes to cut out an object or a character depends on the details of the photo in question. You might spend a lot of time on it...

The advantage with remove.bg is that it only takes one click and a few seconds (literally) to remove the outline of any image. All you have to do is import the original photo; and then export the cropped photo.

Anyway, it's very convenient. What's more, the tool is accessible for free! What more could you ask for a tool that allows you to erase the background of an image in one click?

There is a Youtube video in which I describe this at the bottom of the article. Support me by subscting to the YouTube channel "Happy Desk Design"

erase the background of an image with one click
Photo by Dom J de Pexels

When to use remove.bg?

Let's say you have a picture, but you don't like the background color. It just doesn't fit the design of your site. In that case, you would have to replace the background color. The best way to do this is to remove the background, and replace it with a more suitable background (in terms of color, for example).

If you use Webflow to create your sites (which I strongly recommend), you just have to click on the background of the site. A bar will appear on the left. Look for the background tab, and from there, insert the crooked image. Then change the background colour to the colour that suits the design of the site.

erase the background of an image with one click
Photo by Min An de Pexels

Remove.bg: its limits

Unfortunately, remove.bg has a little downside. The quality of the distorted image is not at its best (especially when you put it in close-up). The free shot is therefore only suitable for rough projects, first drafts to be sent to the client. The goal is to show them what their site might look like when it's finished.

But then, how do you deal with customers who demand good image quality (all customers are like that, in fact)? I advise you to subscribe to paid plans. To start, as a trial, subscribe to the cheapest plan (9 euros for 40 credits). You'll get better results, but you can always erase the background of an image with one click ;)

erase the background of an image with one click
Photo by Gratisography de Pexels

Conclusion
You no longer need to manually hijack your photos. With remove.bg, it's easier and faster. By the way, there are tools like this for videos. Do you know any? Don't hesitate to write me a comment :)

YouTube: How to erase the background of an image in one click?

Come back to this page whenever you want. Did you come up with any ideas I might have forgotten? If so, what are they? Leave a comment below or send an email to hello@happydesk.be.
Kevin Palombo, Manager of Happydesk.

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training