이미지를 Base64로 변환

Base64는 이미지 파일을 일반 텍스트로 바꿔서, 별도 파일로 불러오지 않고 HTML, CSS, JSON, Markdown, 이메일 템플릿 안에 데이터 URI로 넣을 수 있게 해 줍니다. PNG, JPG, GIF, WebP, AVIF, SVG, ICO, BMP 중 어떤 이미지든 고르면 순수 Base64, 바로 쓸 수 있는 데이터 URI, CSS 배경 규칙, HTML <img> 태그, Markdown 이미지를 복사할 수 있습니다. 파일은 기기에서 읽으며 업로드되지 않습니다.

사용 방법

1. 이미지 파일을 하나 이상 선택합니다.
2. 출력 형식을 고릅니다. 데이터 URI, 순수 Base64, CSS, HTML <img>, Markdown 또는 전부 중에서 선택합니다.
3. 원하면 HTML과 Markdown 코드에 들어갈 대체 텍스트를 입력합니다.
4. 결과 복사를 누르거나, 아주 큰 이미지에 제공되는 .txt 파일을 내려받습니다.

계산식

Base64 길이 = 4 × ⌈바이트 수 ÷ 3⌉, 데이터 URI = data: + MIME 형식 + ;base64, + Base64

3바이트는 RFC 4648의 64자 문자표에서 4글자가 되므로 텍스트는 파일보다 약 33% 커지며, 아주 작은 파일은 '=' 패딩 때문에 조금 더 커집니다. 파일 이름이나 보고된 형식이 틀린 경우가 있으므로 MIME 형식은 파일의 첫 바이트(매직 넘버)가 인식되면 거기서 읽고, 아니면 브라우저가 알려 준 형식이나 확장자를 씁니다. 약 300만 글자가 넘는 결과(대략 2 MB가 넘는 이미지)는 그렇게 긴 텍스트 상자가 페이지를 느리게 만들기 때문에 .txt 다운로드로만 제공됩니다.

예시

163바이트짜리 테스트 SVG(120 × 80px)는 4 × ⌈163 ÷ 3⌉ = 220글자의 Base64가 되며 파일보다 35% 늘고 PHN2ZyB4bWxucz0i로 시작합니다. 데이터 URI는 26글자 접두사 data:image/svg+xml;base64,가 붙어 모두 246글자가 되고, HTML 코드에는 이미지에서 직접 읽은 width="120" height="80"가 들어갑니다.