안녕하세요. 취준 중에 유튜브를 보다가 더신자님의 Quickstar로 상단바를 꾸미는 영상을 봤습니다. 굉장히 예쁘지만 이미지를 크기에 맞게 자르는게 너무 시간이 오래 걸리는 작업이기 때문에, 이를 위해 이미지를 간단하게 잘라주는 사이트를 바이브코딩으로 만들어봤습니다. 

(더신자님의 유튜브 영상 중)

대충 아래와 같은 방식입니다. 



사용방법은 4단계로 이루어지는데요

1. 자신의 상단바에 맞게 그리드를 설정해줍니다.

2. 이미지를 업로드합니다.

3. 이미지에서 사용할 부분을 잘라줍니다.

4. 잘린 영역을 확인 후, 컨트롤 패널 (버튼 박스, 미디어 플레이어, 밝기 조절, 볼륨조절)에 해당하는 부분을 선택합니다.

5. ZIP 다운로드 후 압축해제하면 image_1, image_2, ... 파일이 나오는데, 해당 사진을 순서대로 QuickStar -> 패널 스타일 편집 에 들어가서 하나씩 적용해주시면 됩니다.

링크는 아래에 게시할게요.

사이트: https://sangyeon-park.github.io/Image-Slicer-for-QuickStar/

코드 및 설명: https://github.com/sangyeon-park/Image-Slicer-for-QuickStar



아직 갤럭시 s23밖에 적용을 안해봐서 완전하지는 않아요.

제 개인적으로는 버튼이 많을 땐 잘리는 부분이 많아서 이미지가 이쁘게 나오기 어렵더라구요. 최대한 이미지의 메인부분이 버튼 박스같이 큰 부분에 담기게 하는게 이쁘게 나오는 듯 합니다.

필요하신 분 계시다면 사용해보시고 버그나 피드백이 있다면 알려주시면 감사드리겠습니다.

추가 팁)  갤러리에서 이미지마다 텍스트 추가하면 버튼 뭐였는지 기억할 필요없이 쓸 수 있어요!