JPG to Base64

이미지를 여기로 드래그하거나 클릭해서 선택하세요

JPG Base64 변환 가이드

주요 기능

JPG 사진 최적화

사진과 같은 복잡한 이미지를 적은 용량의 Base64 코드로 변환합니다.

품질 조정

압축률과 품질의 균형 조정

크기 조정

이미지 크기를 조정하여 최적화

사용 시나리오

  • •프로필 사진이나 썸네일을 HTML 내부에 직접 포함할 때 유용합니다.
  • •CSS 배경 이미지로 사용
  • •이메일 HTML에 이미지 삽입
  • •API 응답에 이미지 데이터 포함

💡 전문가 팁

형식별 특징:

JPG는 품질을 조금 낮추면 Base64 문자열 길이를 대폭 줄일 수 있습니다.

최적 크기:

5KB 미만의 작은 이미지나 아이콘에 적합합니다

이미지 → Base64 변환기 사용법 가이드

단계별 사용법

1

이미지 파일 선택

드래그 앤 드롭하거나 클릭하여 변환할 이미지 파일을 업로드하세요. JPEG, PNG, WebP 포맷을 지원합니다.

2

품질 및 크기 설정

원하는 품질(0.1-1.0)과 최대 크기를 설정하세요. 작은 이미지일수록 Base64 변환에 적합합니다.

3

Base64 변환 실행

변환 버튼을 클릭하여 이미지를 Base64 문자열로 변환하세요. 실시간으로 결과를 확인할 수 있습니다.

4

Base64 결과 복사

생성된 Base64 문자열을 클립보드에 복사하거나 다운로드하여 사용하세요.

💡 유용한 팁

작은 이미지(5KB 미만)나 아이콘에 Base64 변환을 사용하세요. 큰 이미지는 파일 크기가 33% 증가합니다.

Base64 문자열은 HTML이나 CSS에 직접 삽입할 수 있지만, 큰 이미지는 페이지 로딩 속도를 늦출 수 있습니다.

모든 처리는 브라우저에서 이루어지므로 개인정보가 안전하게 보호됩니다.

이미지 Base64 변환 (Data URI 만들기)

이미지를 Base64로 바꾸려면 이미지를 올리기만 하면 data:image/…;base64, 로 시작하는 Data URI가 바로 만들어집니다. '복사'를 눌러 HTML의 img src나 CSS background-image에 붙여 넣으세요. PNG·WebP는 형식과 투명 배경이 그대로 유지됩니다.

Quick Image를 쓰는 이유

  • 이미지가 기기 밖으로 나가지 않음 — 업로드 없음
  • 바로 붙여 넣는 Data URI (data:image/…;base64,…)
  • PNG·WebP 투명 배경 유지
  • 회원가입 없는 무료

자주 묻는 질문

Base64 결과를 HTML이나 CSS에서 어떻게 쓰나요?

이미지 주소로 붙여 넣으면 됩니다. 예: <img src='data:image/png;base64,…'> 또는 CSS의 background-image: url('data:image/png;base64,…').

PNG의 투명 배경이 유지되나요?

네. PNG·JPG·WebP는 원래 형식 그대로 인코딩되므로 투명 PNG는 투명하게 유지됩니다. GIF·BMP 같은 다른 형식은 PNG로 인코딩됩니다.

Base64가 원본 이미지보다 큰 이유는 무엇인가요?

Base64는 이진 데이터를 글자로 바꾸기 때문에 원본보다 약 3분의 1 커집니다. 그래서 아이콘·로고처럼 작은 이미지에 가장 적합합니다.

이미지가 서버에 업로드되나요?

아니요. 이미지는 브라우저 안에서 읽고 인코딩되어 기기 밖으로 전송되지 않습니다.

마지막 업데이트: