웹 개발을 하다 보면 Base64라는 용어를 자주 접합니다. 이미지를 HTML에 직접 삽입하거나, API로 바이너리 데이터를 전송할 때 사용되죠. Base64 인코더를 사용하면 텍스트와 이미지를 쉽게 Base64로 변환할 수 있습니다.
Base64란 무엇인가요?
Base64는 바이너리 데이터를 64개의 ASCII 문자로 표현하는 인코딩 방식입니다. 이메일이나 JSON처럼 텍스트만 전송할 수 있는 환경에서 이미지나 파일을 전송하기 위해 사용합니다.
텍스트 변환
companys.kr/base64-encoder에서 텍스트를 입력하면 Base64로 인코딩된 문자열을 얻을 수 있습니다. 반대로 Base64 문자열을 입력하면 원본 텍스트로 디코딩할 수도 있습니다.
이미지 변환
이미지 파일을 드래그 앤 드롭하면 Data URL 형식으로 변환합니다. 지원하는 형식:
- PNG, JPG, GIF, SVG, WebP
변환된 Data URL을 HTML의 img src에 직접 넣으면 외부 이미지 파일 없이 이미지를 표시할 수 있습니다.
활용 사례
- 인라인 이미지: CSS나 HTML에 작은 아이콘 직접 삽입
- JWT 토큰: 페이로드 확인을 위한 디코딩
- 이메일: 첨부파일 인코딩
- API 통신: 바이너리 데이터를 JSON으로 전송
크기 증가 주의
Base64 인코더로 변환하면 원본보다 약 33% 크기가 증가합니다. 작은 아이콘에는 적합하지만, 큰 이미지에는 적합하지 않습니다.
마무리
Base64 변환이 필요할 때 Base64 인코더를 활용해보세요. 브라우저에서 바로 처리되어 안전합니다.