언제 유용한가요?
GitHub README에 상태 뱃지를 붙이거나, 웹페이지의 작은 버튼을 이미지 파일 없이 코드만으로 빠르게 만들고 싶을 때 유용합니다.
Button & Badge Maker
Create button or README badge SVG code.
사용 가이드
버튼 & 뱃지 메이커 사용 가이드
버튼 & 뱃지 메이커는 텍스트, 배경색, 글자색, 모서리 둥글기를 입력하면 즉시 README나 웹페이지에 쓸 수 있는 SVG 코드를 만들어줍니다.
사용 방법
- 텍스트 입력란에 버튼이나 뱃지에 넣을 문구를 씁니다.
- 배경색과 글자색을 색상 선택기로 고릅니다.
- 모서리 둥글기를 조절한 뒤 생성된 SVG 코드를 복사합니다.
알아두면 좋은 점
뱃지 너비는 입력한 글자 수에 맞춰 자동으로 계산되므로, 문구를 바꾸면 크기도 함께 조정되어 텍스트가 잘리지 않습니다.
데이터 처리 안내
생성된 SVG는 브라우저 안에서 즉시 만들어지며, 입력한 문구나 색상 값이 서버로 전송되지 않습니다.
자주 묻는 질문
생성된 뱃지를 이미지 파일로 다운로드할 수 있나요?
이 도구는 복사해서 바로 쓸 수 있는 SVG 코드를 만드는 데 초점을 맞췄습니다. 이미지 파일이 필요하다면 복사한 SVG 코드를 파일로 저장하거나 이미지 편집기에서 내보내면 됩니다.
README 뱃지처럼 폭이 자동으로 맞춰지나요?
네, 입력한 텍스트 길이에 맞춰 뱃지 너비가 자동으로 계산되므로 문구가 길어져도 잘리지 않습니다.