본문으로 건너뛰기
ConvertPixels

변환

온라인 이미지 Base64 변환

어떤 이미지든 HTML, CSS, JSON용 Base64 문자열이나 바로 쓰는 data URI로, 브라우저 안에서 모두 인코딩하세요.

  • 무료
  • 가입 불필요
  • 워터마크 없음
  • 개인정보 보호 우선

이미지를 Base64로

사용 방법

  1. 1

    이미지 선택

  2. 2

    브라우저에서 바로 인코딩

  3. 3

    Base64 문자열이나 data URI 복사

이미지를 Base64로

Base64 이미지를 쓸 때

이미지를 Base64로 변환하려면 파일을 고르고 Base64 문자열이나 바로 쓰는 data URI를 복사하세요. 인코딩은 브라우저 안에서 이뤄집니다.

HTML과 CSS에 삽입

작은 아이콘을 data URI로 넣으면 요청을 하나 줄일 수 있습니다.

JSON과 API

JSON 데이터 안에 이미지 담아 보내기.

이메일

일부 이메일 템플릿은 이런 방식으로 작은 이미지를 넣습니다.

최상의 결과를 위한 팁

  • 작은 이미지만

    Base64는 원본 파일보다 약 33% 큽니다. 큰 이미지는 파일로 두세요.

이럴 때 사용하세요

  • CSS에 아이콘 삽입하기
  • 이미지를 JSON에 넣기
  • HTML용 data URI 만들기

이미지를 Base64로

자주 묻는 질문: 이미지를 Base64로

아니요. 인코딩은 모두 브라우저 안에서 이뤄집니다.