나름 디자인한다고 이미지를 고르고 골랐는데....
이미지는 항상 내 맘대로 되지 않지....
일단!!! 항상 배경이 문제더라
버튼이나 레이아웃에 배경으로 이미지를 똭! 넣었는데 상상도 못 한 문제 발생
??????????
이건 뭐 배경색이랑 안 맞잖아....
그래서 이때 여러 방법이 있겠지만 그중에 가장 먼저 든 생각이 이미지에 배경이 없으면 되겠구나 싶었다.
그러면 포토샵은 어렵고... 귀찮고.... 오래 걸리고.....
그래서 그냥 이미지 업로드하면 알아서 배경을 지워주는 사이트를 이용했다.
물론 퀄리티가 조금 떨어질 수도 있고 가끔...? 이미지에 따라 배경 구분이 확실하지 않아 이미지가 이상하게 되는 경우도
있다.
사이트는 다양한데 그중에 내가 자주 이용하는 사이트는 바로~
이미지에서 배경 제거 – remove.bg
한 번의 클릭으로 5 초 안에 이미지 배경을 자동으로 제거합니다. 수동으로 픽셀을 선택하는 데 시간을 소비하지 마십시오. 지금 사진을 업로드하고 마법을 확인하세요.
www.remove.bg
여기!!
제일 심플한 거 같아서 좋았다고 할까?
그냥 사진 끌어다 놓으면 알아서 배경 지워준다. (이미지 업로드 버튼을 이용해도 되고)
그러면 이렇게 똭!!
원래 배경이 하얀색이라 뭐가 바뀌었는지 모를 수도 있지만...
잘 보면 그 배경 없는 png의 체스판 같은 무늬 그게 바로 배경이 없어졌다는 거지
그럼 저 이미지를 다운받아서 아까 그 버튼을 바꿔보면
좋아! 자연스럽군...
이렇게 이미지 배경 제거해주는 사이트를 사용하여 보았다.
'코답노트' 카테고리의 다른 글
[npm] concurrently 사용하여 서버와 클라이언트 동시에 실행시키기 (0) | 2022.08.01 |
---|---|
[npm] Nodemon 사용하여 서버 자동으로 재시작하기 (0) | 2022.08.01 |
postman 으로 API 테스트 (0) | 2022.07.29 |
React 서버 구축하기 (Node.js express) (0) | 2022.07.29 |
node.js 모듈 정리(모듈 제거) (0) | 2022.07.29 |