매일 사용 중인 '바이브 코딩'으로 만든 이미지 최적화 툴을 공유합니다
I made a vibe coded image optimisation tool that I now use daily
핵심 요약
Claude를 활용해 직접 제작한 로컬 이미지 최적화 툴 'Scalir'를 소개하고 공유합니다.
- 이미지 최적화 툴 — 대량의 사진을 로컬에서 빠르게 리사이징하고 용량을 줄여줌
- 바이브 코딩 활용 — Claude에게 전적으로 맡겨 코딩 없이 사이드 프로젝트를 완성함
- 오픈 소스 공개 — 무료로 누구나 사용할 수 있으며 웹 인터페이스를 지원함
- 개발 동기 — 기존 툴들의 제한 사항과 복잡한 워크플로우를 해결하기 위해 제작함
소프트웨어 링크: https://scalir.shad.digital/
온라인 버전을 써도 되고, 안내된 방법대로 직접 호스팅해서 써도 됨. 윈도우 버전은 (일단은) 서명 안 된 상태고, 리눅스 버전은 테스트 안 해봤음.
이야기는 대충 이렇게 시작됨:
클라이언트가 워드프레스 사이트 갤러리에 올릴 사진 400장 넘게를 보내줌. 사진 자르지 말라길래 알겠다고 했는데, 받고 보니 원본 사진 용량만 1.2GB...
예전 방식:
포토샵 일괄 처리(batch processing)로 JPG 변환해서 용량 줄이기 - 포토샵이 파일 하나하나 열고 저장하고 다음으로 넘어가는 과정 때문에 시간 엄청 잡아먹음.
아니면 캔바(Canva)에 다 때려 넣고 저장하기... 이것도 페이지마다 이름 바꾸느라 시간 다 가고, 원본 비율도 안 맞아서 결국 파일 여러 개로 나눠야 함.
Smush 같은 서버 사이드 툴도 있긴 한데, 난 워드프레스에 플러그인 덕지덕지 붙이는 거 딱 질색이라 패스.
온라인 이미지 최적화 사이트도 있긴 함. 괜찮은 것들도 있는데, 시간 제한 걸리거나 한 번에 25장밖에 못 올리거나, 아니면 계정 가입하라고 귀찮게 구는 게 문제임.
내가 만든 거:
Scalir - 무료 오픈 소스 이미지 최적화 툴
아이디어는 간단함. 폴더를 선택하거나 드래그 앤 드롭으로 원하는 만큼 파일을 때려 넣으면 알아서 최적화해주는 툴을 만드는 거였음. 로컬에서 돌아가니까 서버에 업로드할 필요도 없고, 웹 인터페이스를 써서 쓰기 편함. 이미 있는 프레임워크를 활용해서 처리하는데, 일단 설치하고 나면 작업할 때 인터넷 연결도 안 씀.
목표 파일 용량이랑 크기 조절 옵션도 넣었음 (난 보통 긴 쪽 기준 2000px, 용량 1MB 미만으로 설정함).
최적화 버튼 누르고, zip으로 저장하거나 다른 폴더에 저장하면 끝.
이걸 데스크톱 앱으로 만들면 어떨까 싶어서 해봤는데, 윈도우에서 잘 돌아감(아직 서명은 안 함). 리눅스는 테스트 못 해봤고(구석에 처박힌 리눅스 노트북 꺼내야 함), 맥OS는 애플 개발자 라이선스가 필요해서 아직 빌드 못 함.
결과:
쌩노가다로 5~6시간 걸릴 작업, 아니면 포토샵으로 2시간 동안 끙끙대며 돌릴 작업을 10분 만에 끝냄. 이거 만드는 데 3~4시간 걸렸는데, 이미 시중에 툴이 많다는 건 알지만 직접 만든 툴로 해결하니까 기분 째짐.
이거 무료로 풀 거임. 굳이 돈 안 써도 되는 데 돈 쓰는 거 싫거든. 필요하면 마음껏 갖다 쓰고, 부족한 거 있으면 알려줘!


