Remove backgrounds from images in seconds with remove.bg [Week 42/20 in Review]
Tags: javascript, react, books, photoshop
Published: 2020-10-22 04:58:34

---
canonical_url: https://blog.natterstefan.me/remove-backgrounds-from-images-in-seconds-with-removebg-week-4220-in-review
---

*If you like my [articles](https://blog.natterstefan.me/), you probably like my [tweets](https://twitter.com/intent/follow?screen_name=natterstefan) and [newsletter](http://subscribe.to/natterstefan) too. Let's stay connected on [LinkedIn](http://www.linkedin.com/in/natterstefan). 🚀*

---

Hello 👋🏻.

Welcome to my "Week in Review" series. Many of us edit images for their next social media post, YouTube video, or article. It can be a frustrating process when it comes to removing backgrounds from images. [A team from Vienna](https://www.remove.bg/about?utm_campaign=natterstefan.me) made this a lot easier for us and I will show you how.

Please, share your thoughts with me in the comments below or on [Twitter](https://twitter.com/intent/follow?screen_name=natterstefan).

## Remove any background with a few clicks

![Remove any background with a few clicks](https://dev-to-uploads.s3.amazonaws.com/i/i5i0hytrekrcsgs8v8ob.png)

Thanks to [Photoshop](https://www.adobe.com/products/photoshop.html?utm_campaign=natterstefan.me), [Affinity Photo](https://affinity.serif.com/en-gb/photo/?utm_campaign=natterstefan.me), and other photo editing apps it has become easier to remove backgrounds without much effort. But what if there's a tool that can do this within your browser, without installing an app? Luckily for us, there is one: [remove.bg](https://www.remove.bg/?utm_campaign=natterstefan.me).

It is super easy to remove backgrounds now. Visit the site, upload the picture you want to edit, and wait a few seconds. You will see the result instantly on your screen and can further customize the output. If you are happy with the image, click download and you are good to go. Fantastic, isn't it? Let me show you an example:

![Remove.bg example](https://i.imgur.com/uByV3PO.gif)

##  📗 Books

I should allocate more time to read and finish ["Drive: The Surprising Truth About What Motivates Us"](https://amzn.to/2GJ7dDy). I still have 20% of the book in front of me. Autonomy, mastery, and purpose. These are the three main areas of motivation 3.0 in Daniel H. Pink's point of view. It makes a lot of sense to me when I read those chapters. The old "if-then" motivation model (e.g. you do this and I'll pay you) does not work in all areas of our modern work environment. People need other types of motivation, and that is the main topic of the book. I can relate to the examples he mentions and describes. 

What are you currently reading?

## ⛓ Links of the Week

- Have you ever [thought twice when copy and pasting shell commands](https://briantracy.xyz/writing/copy-paste-shell.html?utm_campaign=natterstefan.me) from the web into your terminal? No? You better should!
- ["The key prop is a mechanism for controlling component instances."](https://kentcdodds.com/blog/understanding-reacts-key-prop?utm_campaign=natterstefan.me) says Kent C. Dodds in his article about React's `key` property. The `key` property can be very helpful and you should know what it is capable of.
- Maintaining a unified styling (font-sizes, colors, spacings, ...) across multiple platforms (iOS, Android, Web, ...) can be a time-consuming task. In the common scenario, you have a theme file in each one of them. What happens when the CI guideline changes and one color has to change? You'll need to open every project, find the color, and replace it. This is the time when it makes sense to think about implementing [Design Tokens](https://css-tricks.com/what-are-design-tokens/?utm_campaign=natterstefan.me). 
   - Create a Design Token documentation with the [Storybook Design Token addon](https://github.com/UX-and-I/storybook-design-token?utm_campaign=natterstefan.me)
   - or use Amazon's "style once, use everywhere" [Style Dictionary](https://github.com/amzn/style-dictionary?utm_campaign=natterstefan.me) solution, which I want to try soon.
- Boost your rendering performance with [content-visibility](https://web.dev/content-visibility/?utm_campaign=natterstefan.me).
- Have you created your own product and do not know how to promote it? Both [Marketing for Engineers](https://github.com/goabstract/Marketing-for-Engineers?utm_campaign=natterstefan.me) and [Awesome Visibility](https://github.com/dehenne/awesome-visibility?utm_campaign=natterstefan.me) curated an extensive list of resources to get started.
- Do not copy and paste the information you gather from the web par for par into your knowledge database. Or as [Zettelkasten puts it "Stop Relying on a Source and Have Faith in Your own Thoughts"](https://zettelkasten.de/posts/dont-rely-on-source-have-faith-in-yourself/?utm_campaign=natterstefan.me). In their article, they made me aware of the [Collector's Fallacy](https://zettelkasten.de/posts/collectors-fallacy/?utm_campaign=natterstefan.me) too. How do you preserve insights, solutions, and other pieces of information? How does your knowledge system look like? If you want to read more about this topic, take a look at the [Zettelkasten overview](https://zettelkasten.de/posts/overview?utm_campaign=natterstefan.me).
- Speaking of preserving knowledge, this is the ["Ultimate Guide to Summarizing Books: How to Distill Ideas to Accelerate Your Learning"](https://fortelabs.co/blog/the-ultimate-guide-to-summarizing-books/?utm_campaign=natterstefan.me)
- I am a huge [CodeSandbox](https://codesandbox.io/u/natterstefan?utm_campaign=natterstefan.me) fan when it comes to presenting solutions or playing with packages for JavaScript apps. In the last week, I started to use and try two other tools as well: [webcomponents.dev](https://webcomponents.dev/?utm_campaign=natterstefan.me) and [StackBlitz](https://stackblitz.com/). What's your favorite one?
- Raf explains [how to manage Docker containers with Portainer and manage public access with the Traefik reverse proxy](https://rafrasenberg.com/posts/docker-container-management-with-traefik-v2-and-portainer/?utm_campaign=natterstefan.me) in his latest article.
- Create simple yet easy to maintain [animations in React with React Transition Group](https://blog.bitsrc.io/animating-reactjs-with-react-transition-group-2af6c87cab0c?utm_campaign=natterstefan.me).
- Last but not least, if you ever need to mock `window.localStorage` or `window.sessionStorage` in your Jest tests, use [jest-localstorage-mock](https://github.com/clarkbw/jest-localstorage-mock?utm_campaign=natterstefan.me).

## 🐦 Tweets of the Week

{% twitter 1315920988257890304 %}
{% twitter 1316319029884321793 %}
{% twitter 1316625435904692224 %}
{% twitter 1316497817691713538 %}
{% twitter 1125041041063665666 %}
{% twitter 1316755713339863047 %}
{% twitter 1316570165178511364 %}
{% twitter 1317420628547350529 %}

Bye, bye, 42/2020.

See you next week - thank you. 👋🏻

Stefan

---

*If you like this article, chances are you will like my [newsletter](http://subscribe.to/natterstefan) too. 🚀*

Let's stay connected on [*Twitter*](https://twitter.com/intent/follow?screen_name=natterstefan), [*LinkedIn*](http://www.linkedin.com/in/natterstefan), and [*GitHub*](https://github.com/natterstefan).

*You can [buy me a coffee](https://www.buymeacoffee.com/natterstefan) or support my work on [Patreon](https://www.patreon.com/natterstefan) too if you want.*

---

*This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.*