이미지를 HTML에 직접 넣고 싶을 때가 있습니다. 별도 파일로 관리하지 않고 코드 안에 포함시키면 배포가 간편해집니다. 이럴 때 Base64 인코딩을 씁니다. Base64 변환기로 이미지나 텍스트를 Base64 문자열로 바꿀 수 있습니다.
Base64란
Base64는 바이너리 데이터를 텍스트로 변환하는 인코딩 방식입니다. 64개의 문자만 사용해서 어떤 데이터든 텍스트로 표현합니다. 알파벳 대소문자 52개, 숫자 10개, 플러스와 슬래시 2개로 구성됩니다. 원본보다 크기가 약 33퍼센트 늘어나지만 텍스트 환경에서 바이너리를 다룰 수 있게 됩니다.
이미지를 Data URL로
이미지를 Base64로 인코딩하면 Data URL 형태로 HTML에 삽입할 수 있습니다. img 태그의 src 속성에 파일 경로 대신 data:image/png;base64, 뒤에 인코딩된 문자열을 넣습니다. 작은 아이콘이나 로고를 외부 요청 없이 로드할 수 있습니다. 이미지 Base64 인코더에 파일을 업로드하면 바로 Data URL이 생성됩니다.
API와 토큰
인증 토큰이나 API 키를 전송할 때 Base64 인코딩을 쓰는 경우가 많습니다. HTTP Basic 인증에서 사용자 이름과 비밀번호를 콜론으로 연결하고 Base64로 인코딩해서 헤더에 넣습니다. JWT 토큰의 페이로드도 Base64로 인코딩되어 있습니다. Base64 디코더로 토큰 내용을 확인할 수 있습니다.
인코딩과 암호화의 차이
Base64는 암호화가 아닙니다. 누구나 디코딩해서 원본을 볼 수 있습니다. 보안 목적이 아니라 데이터 전송 형식을 맞추기 위한 것입니다. 민감한 정보는 Base64만으로 보호되지 않으니 별도 암호화가 필요합니다.
Base64는 웹 개발에서 흔히 쓰입니다. 온라인 Base64 변환기로 텍스트와 파일을 빠르게 인코딩하고 디코딩하세요.