ToolAct툴액트

이미지 Base64 변환 도구

이미지와 Base64 인코딩을 상호 변환하며, 드래그 앤 드롭 업로드와 실시간 미리보기를 지원합니다

이미지 업로드

이미지를 여기에 드래그하거나 클릭하여 파일을 선택하세요

JPG, PNG, GIF, WebP, SVG 등 형식을 지원합니다

Base64 이미지 인코딩이란?

Base64는 64개의 출력 가능한 문자를 사용하여 이진 데이터를 표현하는 인코딩 방식입니다. 이미지 Base64 인코딩은 이미지의 이진 데이터를 ASCII 문자열로 변환하여, 이미지를 HTML, CSS 또는 JSON 등 텍스트 형식에 직접 삽입할 수 있게 합니다.

Data URL 형식: data:image/[형식];base64,[인코딩 데이터]

사용 방법

이미지를 Base64로

  1. 이미지를 업로드 영역에 드래그하거나 파일 선택 버튼을 클릭합니다
  2. 출력 형식을 선택합니다: Data URL 접두사 포함 또는 순수 Base64
  3. 'Base64 복사' 버튼을 클릭하여 결과를 복사합니다
  4. 복사한 내용을 필요한 곳에 붙여넣기 합니다

Base64를 이미지로

  1. Base64 문자열을 입력란에 붙여넣기 합니다
  2. '이미지로 변환' 버튼을 클릭합니다
  3. 변환 결과를 미리보고 이미지를 다운로드 저장할 수 있습니다

사용 예시

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: 아니요. 모든 변환은 사용자의 브라우저 로컬에서 완료되며, 이미지 데이터가 어떠한 서버에도 업로드되지 않습니다. 사용자의 개인정보 보안을 보호합니다.