이미지 Base64 변환

PNG, JPG, GIF, WebP, SVG 이미지를 원본 바이트 그대로 Base64 Data URI로 변환하세요. HTML·CSS에 사용할 결과를 복사하거나 텍스트로 다운로드할 수 있습니다.

인코딩
입력0 자
결과

결과가 여기에 표시됩니다.

이미지를 Base64로 변환하는 방법

  1. 이미지 파일을 선택하거나 입력 영역으로 끌어다 놓으세요.
  2. HTML·CSS에 사용할 때는 줄바꿈을 끄고 표준 Base64 패딩은 켜 두세요.
  3. 인코딩한 뒤 전체 Data URI를 복사하거나 결과를 텍스트로 다운로드하세요.

이미지 Base64 변환 사용 안내

Data URI에는 미디어 유형과 인코딩된 바이트가 포함됩니다. 이미지를 리사이즈하거나 다시 압축하지 않습니다. Base64는 크기가 약 3분의 1 늘어나므로 큰 웹 이미지는 일반 파일이 더 적합할 수 있습니다.

1픽셀 GIF를 Base64 Data URI로 변환한 예

입력
pixel.gif (1 × 1 px, 42 B)
결과
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

이미지 Base64 변환 자주 묻는 질문

HTML이나 CSS에서는 어떻게 사용하나요?

data:image/…;base64,… 전체를 HTML의 img src 속성 또는 CSS의 url("…")에 넣으세요. 접두부는 이미지 형식을 나타내며 Base64 데이터 자체에는 포함되지 않습니다. 이 도구는 URI만 출력하며 HTML 태그나 CSS 규칙을 덧붙이지 않습니다.

투명도, 애니메이션, 화질이 유지되나요?

네. 크기를 바꾸거나 다시 압축하지 않고 원본 파일의 바이트를 인코딩합니다. PNG 투명도, GIF 애니메이션, SVG 마크업도 데이터에 그대로 남습니다. 실제로 표시되는지는 결과를 여는 앱의 지원 여부에 달려 있습니다.

지원 형식과 파일 크기 제한은 무엇인가요?

파일 내용을 기준으로 PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF와 식별 가능한 SVG 문서를 인식합니다. 한 번에 파일 하나를 처리하며 제한은 파일당 32 MiB입니다. 다른 형식은 파일 Base64 변환을 이용하세요. 인코딩할 수 있다고 해서 브라우저에서 표시할 수 있는 것은 아닙니다.

Base64가 더 작나요? 이메일에도 쓸 수 있나요?

아니요. 인코딩된 데이터는 약 3분의 1 커지고 URI 접두부도 추가됩니다. 작은 아이콘은 직접 삽입하기에 적합할 수 있지만 큰 이미지는 별도 파일이 더 나은 경우가 많습니다. 이메일 앱이나 사이트 보안 정책에서 data: 이미지를 차단할 수 있으므로 사용할 환경에서 확인하세요.

파일, 토큰, 텍스트가 서버에 업로드되나요?

아니요. 모든 입력은 브라우저에서 처리됩니다. 웹사이트는 페이지와 프로그램 코드만 제공하며, 입력 내용을 변환 서버로 보내거나 계정에 저장하지 않습니다.

  • Base64 이미지 변환

    Base64 이미지나 Data URI를 디코딩하고 지원되는 형식을 미리 본 뒤 원본 바이트를 다운로드하세요.

  • 파일 Base64 변환

    모든 종류의 파일을 Base64로 인코딩하세요. Data URI, 패딩, MIME 줄바꿈을 선택할 수 있습니다.

  • HTML 엔티티 인코딩·디코딩

    텍스트를 HTML 엔티티로 변환하거나 이름·숫자로 된 문자 참조를 원래 문자로 복원하세요.

전체 개발자 도구

인코딩과 파일 변환

원본 데이터를 유지하며 텍스트, 바이트, URL, 삽입 이미지 사이를 변환하세요.

데이터와 텍스트 분석

구조화된 데이터와 토큰을 읽고 텍스트의 변경 사항을 정확히 확인하세요.

해시·식별자·일정

파일을 검증하고 식별자를 생성하며 시간과 반복 실행 일정을 확인하세요.

입력 내용과 파일은 사용 중인 기기에서 처리됩니다. 민감한 결과를 공용 클립보드에 남기지 말고, 개인 키와 토큰은 신뢰할 수 있는 기기에서 다루세요.