이미지 Base64 변환 도구
이미지와 Base64 인코딩을 상호 변환하며, 드래그 앤 드롭 업로드와 실시간 미리보기를 지원합니다
이미지 업로드
이미지를 여기에 드래그하거나 클릭하여 파일을 선택하세요
JPG, PNG, GIF, WebP, SVG 등 형식을 지원합니다
Base64 이미지 인코딩이란?
Base64는 64개의 출력 가능한 문자를 사용하여 이진 데이터를 표현하는 인코딩 방식입니다. 이미지 Base64 인코딩은 이미지의 이진 데이터를 ASCII 문자열로 변환하여, 이미지를 HTML, CSS 또는 JSON 등 텍스트 형식에 직접 삽입할 수 있게 합니다.
Data URL 형식: data:image/[형식];base64,[인코딩 데이터]
사용 방법
이미지를 Base64로
- 이미지를 업로드 영역에 드래그하거나 파일 선택 버튼을 클릭합니다
- 출력 형식을 선택합니다: Data URL 접두사 포함 또는 순수 Base64
- 'Base64 복사' 버튼을 클릭하여 결과를 복사합니다
- 복사한 내용을 필요한 곳에 붙여넣기 합니다
Base64를 이미지로
- Base64 문자열을 입력란에 붙여넣기 합니다
- '이미지로 변환' 버튼을 클릭합니다
- 변환 결과를 미리보고 이미지를 다운로드 저장할 수 있습니다
사용 예시
HTML에서 사용
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="image description">
CSS에서 사용
.background {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...');
}JSON API에서 전송
{
"image": "iVBORw0KGgoAAAANSUhEUgAAAAUA...",
"format": "png"
}자주 묻는 질문 (FAQ)
Q: 이미지를 Base64로 변환하는 이유는?
A: Base64 인코딩은 HTTP 요청 수를 줄이며, 작은 아이콘, 배경 이미지 등 시나리오에 적합합니다. 이미지가 코드에 직접 삽입되어 추가의 파일 요청이 필요 없습니다.
Q: Base64 인코딩 후 이미지가 커지나요?
A: 네, Base64 인코딩은 데이터를 약 33% 증가시킵니다. 작은 이미지(보통 10KB 미만)에만 Base64 인코딩을 사용하는 것을 권장합니다.
Q: 큰 이미지에 Base64를 사용하는 것이 적합한가요?
A: 권장하지 않습니다. 큰 이미지를 인코딩하면 문자열이 매우 길어져 HTML/CSS 파일의 크기가 증가하고 로딩 성능에 영향을 줍니다. 이미지 CDN 또는 레이지 로딩 기술을 사용하는 것을 권장합니다.
Q: 이미지가 서버에 업로드되나요?
A: 아니요. 모든 변환은 사용자의 브라우저 로컬에서 완료되며, 이미지 데이터가 어떠한 서버에도 업로드되지 않습니다. 사용자의 개인정보 보안을 보호합니다.