온라인 도구
Base64 변환기
Base64 인코딩 · 디코딩
텍스트나 파일을 Base64 형식으로 인코딩하거나, Base64 문자열을 원래 데이터로 디코딩해주는 도구입니다. 이미지 데이터 URI 생성, API 인증 등에 활용됩니다.
Base64인코딩디코딩
Base64, 어디에 쓰는 건가요
이메일에 이미지를 첨부하거나, API 인증 토큰을 전송하거나, CSS에 작은 아이콘을 인라인으로 넣을 때 Base64 인코딩이 사용됩니다. Base64는 바이너리 데이터를 ASCII 텍스트로 변환하는 방법으로, 텍스트만 전송할 수 있는 환경에서 이미지나 파일을 포함시킬 때 필요합니다.
Base64 변환기(companys.kr)는 텍스트와 이미지를 Base64로 인코딩하거나 디코딩해주는 무료 도구입니다. PNG, JPG, GIF, SVG, WebP 이미지를 Data URL로 변환하여 HTML/CSS에 바로 사용할 수 있습니다.
주요 기능
| 기능 | 설명 |
|---|---|
| 텍스트 인코딩 | 일반 텍스트를 Base64 문자열로 변환 |
| 텍스트 디코딩 | Base64 문자열을 원래 텍스트로 복원 |
| 이미지 인코딩 | 이미지 파일을 Base64 Data URL로 변환 |
| 이미지 지원 형식 | PNG, JPG, GIF, SVG, WebP |
| 드래그 앤 드롭 | 이미지를 드래그하여 바로 변환 |
| 크기 정보 | 원본 크기, 변환 크기, 증가율(약 33%) 표시 |
사용 방법
- companys.kr에 접속합니다
- 텍스트 탭에서 텍스트를 입력하거나, 이미지 탭에서 이미지를 업로드합니다
- 인코딩 또는 디코딩 버튼을 클릭합니다
- 변환 결과를 복사 버튼으로 클립보드에 복사합니다
- 이미지의 경우 Data URL을 HTML img 태그의 src에 바로 사용할 수 있습니다
활용 사례
- 웹 개발 - 작은 아이콘을 CSS에 인라인으로 삽입하여 HTTP 요청 줄이기
- API 인증 - HTTP Basic 인증 시 사용자:비밀번호를 Base64로 인코딩
- 이메일 - MIME 형식으로 첨부파일 인코딩
- 데이터 전송 - JSON API에서 바이너리 데이터를 텍스트로 전달
참고: Base64 인코딩은 암호화가 아닙니다. 누구나 쉽게 디코딩할 수 있으므로 보안 목적으로는 사용하지 마세요. Base64는 단순히 데이터 형식을 변환하는 것일 뿐입니다.
자주 묻는 질문
Base64로 변환하면 크기가 늘어나나요?
네. Base64 인코딩 시 원본 대비 약 33% 크기가 증가합니다. 큰 파일보다는 작은 아이콘이나 짧은 텍스트에 적합합니다.
이미지를 Base64로 변환하면 어떤 장점이 있나요?
HTML이나 CSS에 이미지를 직접 포함시킬 수 있어 별도의 이미지 파일 요청이 필요 없습니다. 작은 아이콘이나 로고에 사용하면 페이지 로딩 속도가 개선됩니다.
Data URL은 어떻게 사용하나요?
HTML에서 <img src="data:image/png;base64,변환된문자열"> 형태로 사용합니다. CSS에서는 background-image: url(data:...) 형태로 사용합니다.
사이트 정보
| 항목 | 내용 |
|---|---|
| 서비스명 | Base64 변환기 |
| 사이트 | companys.kr |
| 가격 | 무료 |
| 주요 기능 | 텍스트/이미지 Base64 인코딩·디코딩, Data URL 생성 |
팁: 웹사이트에서 1KB 이하의 작은 아이콘은 Base64로 CSS에 인라인하면 HTTP 요청을 줄일 수 있습니다. 하지만 큰 이미지는 별도 파일로 제공하는 것이 효율적입니다.
