Base64 인코드/디코드

이미지를 Base64 데이터 URI로 변환하고 Base64 문자열을 다시 이미지로 디코딩합니다. HTML, CSS 또는 JavaScript에 이미지를 인라인으로 포함하는 데 완벽합니다.

이미지를 여기에 드롭하거나 클릭하여 찾아보세요

모든 이미지 형식 지원

무료 온라인 Base64 인코더/디코더 — 이미지를 Base64로 즉시 변환

무료 온라인 도구로 이미지를 Base64 데이터 URI로 변환하고 Base64 문자열을 다시 이미지로 디코딩하세요. 이미지를 업로드하여 HTML, CSS 또는 JavaScript에 직접 포함하기 위한 Base64 데이터 URI를 얻으세요 — HTTP 요청 감소, 자체 포함 웹 페이지 생성 또는 작은 이미지를 인라인으로 저장하는 데 완벽합니다. 또한 Base64 문자열을 붙여넣어 디코딩된 이미지를 미리보거나 다운로드할 수 있습니다. 모든 처리는 완전한 프라이버시를 위해 브라우저에서 로컬로 이루어집니다.

1. 업로드

이미지를 하나 이상 업로드하거나 디코딩할 Base64 문자열을 붙여넣으세요.

2. 보기 및 복사

생성된 Base64 데이터 URI 또는 디코딩된 이미지 미리보기를 확인하세요.

3. 어디서나 사용

Base64 문자열을 클립보드에 복사하거나 디코딩된 이미지를 다운로드하세요.

Base64 인코더/디코더 사용 팁

  • Base64 인코딩은 파일 크기를 약 33% 증가시킵니다. 크기 증가보다 인라인 포함의 편의성이 더 중요한 작은 이미지(아이콘, 로고)에 사용하세요.
  • 데이터 URI는 자체 포함 HTML 이메일, 단일 파일 웹 페이지 및 외부 자산 없이 작동해야 하는 CSS 배경 이미지에 완벽합니다.
  • 큰 이미지의 경우 Base64 인코딩은 권장되지 않습니다 — 더 나은 성능을 위해 표준 이미지 파일 링크를 대신 사용하세요.

자주 묻는 질문 — Base64 인코더/디코더

Base64 도구는 무료인가요?

네, 완전 무료입니다. 회원가입, 숨은 요금, 파일 크기 제한이 전혀 없습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.

Base64 인코딩이란 무엇인가요?

Base64는 바이너리 데이터(이미지 등)를 ASCII 텍스트로 표현하는 바이너리-텍스트 인코딩 방식입니다. Base64로 인코딩된 이미지는 데이터 URI로 HTML이나 CSS에 직접 포함될 수 있어 별도의 HTTP 요청이 필요하지 않습니다.

인코딩된 Base64 문자열을 어떻게 사용하나요?

도구는 완전한 데이터 URI(예: data:image/png;base64,...)를 생성합니다. 이를 HTML src 속성, CSS url() 값 또는 JavaScript Image 객체에 직접 붙여넣을 수 있습니다.

Base64 문자열을 어떻게 디코딩하나요?

'Base64 → 이미지' 탭으로 전환하고 Base64 데이터 URI 또는 원시 Base64 문자열을 붙여넣은 후 '디코드 및 미리보기'를 클릭하세요. 디코딩된 이미지가 표시되고 다운로드할 수 있습니다.

이미지에 Base64를 언제 사용해야 하나요?

Base64는 작은 이미지(10KB 미만), 아이콘, 스프라이트 및 HTTP 요청 최소화가 중요한 상황에 가장 적합합니다. 큰 이미지의 경우 표준 파일 참조가 더 효율적입니다.

Base64가 파일 크기를 증가시키나요?

네, Base64 인코딩은 원본 바이너리 파일에 비해 크기를 약 33% 증가시킵니다. 이는 인라인 포함의 편의성에 대한 절충입니다.

어떤 이미지 형식을 지원하나요?

브라우저가 지원하는 모든 이미지 형식(JPEG, PNG, WebP, AVIF, GIF, BMP, SVG 등)을 Base64로 인코딩할 수 있습니다.