이미지 Base64 변환기 – 이미지 Base64 인코딩 및 디코딩 계산기

개인정보 보호 및 보안

이 변환기는 JavaScript FileReader API를 사용하여 브라우저 내에서 완전히 작동합니다. 이미지는 장치에서 로컬로 처리되며, 어떠한 데이터도 서버로 전송되지 않습니다. 인코딩 및 디코딩 알고리즘은 브라우저 메모리에서 실행되며, 모든 임시 데이터는 페이지를 닫거나 새로고침하면 지워집니다.

0 서버 업로드

100% 로컬 처리

즉시 변환 속도

비공개 데이터 처리

인코딩 과정

Base64 인코딩은 64개의 출력 가능한 ASCII 문자(A-Z, a-z, 0-9, +, /)를 사용하여 이진 이미지 데이터를 텍스트 문자열로 변환합니다. 이를 통해 이진 콘텐츠를 HTML, CSS, JSON, XML과 같은 텍스트 기반 형식에 손상 없이 안전하게 포함할 수 있습니다.

1

이진 데이터 읽기

이미지 파일은 원시 이진 데이터(8비트 바이트)로 읽힙니다.

2

비트 그룹화

3바이트(24비트)마다 각각 6비트씩 4개의 그룹으로 분할됩니다.

3

문자 매핑

각 6비트 값(0-63)은 Base64 알파벳의 문자에 매핑됩니다.

4

패딩

입력 바이트가 3으로 나누어 떨어지지 않으면 "=" 패딩 문자가 추가됩니다.

출력 크기 공식

출력 크기 = ⌈(입력 크기 × 4) / 3⌉ + 패딩
Base64 인코딩은 파일 크기를 약 33% 증가시킵니다.

지원되는 형식

방향	입력 형식	출력 형식	MIME 타입
이미지 → Base64	JPEG (.jpg, .jpeg)	Base64 텍스트 문자열	image/jpeg
이미지 → Base64	PNG (.png)	Base64 텍스트 문자열	image/png
Base64 → 이미지	Base64 문자열 / 데이터 URL	PNG 파일	image/png
Base64 → 이미지	Base64 문자열 / 데이터 URL	JPEG 파일	image/jpeg

기술 사양

최대 파일 크기

파일당 50MB

일괄 처리

여러 파일 지원

입력 형식

JPEG, PNG

출력 옵션

원본 Base64, 데이터 URL

크기 오버헤드

원본보다 약 33% 증가

다운로드 형식

Base64 포함 TXT 파일

데이터 URL 구조

이 변환기는 원본 Base64 문자열과 완전한 데이터 URL을 모두 생성합니다. 데이터 URL에는 MIME 타입 접두사가 포함되어 있어 HTML 및 CSS에서 직접 사용할 수 있습니다.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEA...
├─ 스키마: data:
├─ MIME 타입: image/png
├─ 인코딩: ;base64,
└─ 인코딩된 데이터: iVBORw0K...

변환 예시

HTML 이미지 삽입

PNG 로고 변환 → 외부 파일 없이 <img src="data:image/png;base64,..."> 에 직접 삽입

CSS 배경 이미지

작은 아이콘 변환 → background-image: url(data:image/png;base64,...) 로 인라인 사용

이메일 템플릿

JPEG 헤더 이미지 변환 → HTML 이메일에 삽입하여 외부 이미지 차단 방지

JSON API 페이로드

사용자 아바타 PNG 변환 → JSON 요청 본문에 Base64 문자열로 포함

SVG 이미지 삽입

래스터 이미지 변환 → 데이터 URL과 함께 xlink:href 를 사용하여 SVG 파일에 삽입

마크다운 문서

다이어그램 PNG 변환 → ![alt](data:image/png;base64,...) 를 사용하여 마크다운에 삽입

데이터베이스 저장

썸네일 JPEG 변환 → 이진 데이터 처리 없이 데이터베이스에 텍스트 필드로 저장

QR 코드 복구

API 응답에서 Base64 문자열 디코딩 → PNG 이미지 파일로 다운로드

클립보드 통합

스크린샷 PNG 변환 → 데이터 URL을 복사하여 코드 편집기에 직접 붙여넣기

서명 추출

전자 문서에서 Base64 서명 디코딩 → JPEG 파일로 저장

크기 영향 참조

원본 크기	Base64 크기	증가	일반적인 사용 사례
1 KB	~1.37 KB	+37%	작은 아이콘, 파비콘
10 KB	~13.7 KB	+37%	UI 요소, 버튼
100 KB	~137 KB	+37%	썸네일, 아바타
1 MB	~1.37 MB	+37%	중간 크기 사진
10 MB	~13.7 MB	+37%	고해상도 이미지

참고: 인라인 임베딩을 위해서는 10KB 미만의 이미지에 Base64 인코딩을 권장합니다. 더 큰 이미지는 페이지 로드 시간을 줄이기 위해 전통적인 파일 호스팅을 이용하는 것이 좋습니다.