Softonic

이미지를 BASE64로 변환하는 컨버터

단계 1 / 3
선택한 파일 복원 중...

Base64 데이터 URL은 이미지의 미디어 유형과 인코딩된 바이트를 data:image/png;base64,... 같은 하나의 텍스트 값으로 묶습니다. 20 MiB 이하의 이미지를 선택하면 브라우저에서 이 값을 로컬로 생성합니다. 복사하기 전에 원본 파일 정보와 생성된 데이터 URL의 대략적인 길이를 확인할 수 있습니다.

이미지를 Base64로 인코딩하는 방법

  1. 1

    이미지 선택

    20 MiB 이하의 이미지 파일 하나를 선택합니다.

  2. 2

    로컬에서 인코딩

    브라우저가 파일을 읽고 서버에 업로드하지 않은 채 완전한 Base64 데이터 URL을 만듭니다.

  3. 3

    결과 확인

    미디어 유형, 원본 파일 정보, 생성된 데이터 URL의 대략적인 길이를 확인합니다.

  4. 4

    데이터 URL 복사

    완전한 `data:image/...;base64,...` 값을 클립보드에 복사합니다.

언제 인라인으로 표시할지, 언제 링크로 연결할지 결정하세요

Base64 인코딩은 크기가 33% 증가하는 대신 HTTP 요청 한 번을 절약합니다. 일부 자산에는 충분히 가치 있는 방법이지만, 다른 자산에는 불필요한 부담이 될 수 있습니다.

크기 계산

원본 크기 Base64 크기 추가 바이트 수
1 KB 1.36 KB 360 B
10 KB 13.6 KB 3.6 KB
100 KB 136 KB 36 KB
1 MB 1.36 MB 360 KB

의사결정 가이드

사용 사례 인라인 또는 외부
크기 2KB 미만 아이콘 (SVG 로고, 스프라이트) 인라인
CSS의 커서 이미지 (cursor: url()) 인라인
작은 독립형 HTML 또는 CSS 데모 인라인
자바스크립트 페이로드에 포함된 아이콘 인라인
히어로 이미지, 50KB 초과 외부
개별적으로 캐시할 수 있는 모든 항목 외부

데이터 URI 형식

data:[<mediatype>][;base64],<data>

예시:

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG는 대개 base64 없이 인라인으로 처리하는 것이 더 좋습니다
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

팁

  • SVG는 base64 대신 utf8 인코딩의 url()로 사용하는 것이 더 나은 경우가 많으며, 더 짧고 읽기 편합니다.
  • 인코딩 과정은 이미지 내용을 검사하거나 안전하게 바꾸지 않습니다. 특히 SVG에는 활성 콘텐츠나 외부 참조가 있을 수 있으므로 신뢰할 수 있는 파일만 삽입하세요.
  • JSON 페이로드 내의 대형 이미지는 크기가 매우 클 경우 파싱을 방해할 수 있으므로, 멀티파트 형식이나 외부 참조 사용을 고려하세요.
  • CSS의 background-image에 base64를 쓰면 깔끔하게 인라인되지만, 여러 페이지에 걸친 캐싱이 되지 않습니다.

자주 묻는 질문

Base64는 입력 데이터의 3바이트를 4개의 문자로 인코딩하므로 출력 결과는 항상 입력 데이터보다 약 33% 더 길어집니다. 10KB 크기의 이미지는 약 13,600개의 문자로 구성된 문자열을 생성합니다. 따라서 긴 형태가 일반적인 경우입니다.

이 변환기는 20 MiB 이하의 이미지 하나를 처리합니다. 이는 처리 한도이지 권장 인라인 크기가 아닙니다. Base64는 원본 크기를 약 3분의 1 늘리고 이미지를 따로 캐시할 수 없게 하므로 데이터 URL은 작게 유지하는 편이 좋습니다.

아니요, Base64 인코딩은 브라우저에서 처리됩니다. 이미지는 결코 사용자의 기기에서 나가지 않습니다.

이 인코더에서는 복호화할 수 없습니다. 데이터 URL이나 원시 Base64 문자열을 이미지 파일로 되돌리려면 별도의 Base64 이미지 변환 도구를 사용하세요.

관련 도구

Material Design 색상 선택기

Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.

십자수 도안 만들기

JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.

이미지 포맷 변환기

브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.

Pantone to HEX 변환기

화면과 인쇄 매칭을 위해 Pantone PMS 색상을 가장 가까운 HEX, RGB, CMYK 값으로 변환하고 견본 미리보기를 제공합니다.

이미지 색상 반전

이미지의 모든 RGB 채널을 반전시켜 네거티브를 생성합니다. 창의적인 편집이나 필름 스캔본을 확인하는 데 유용합니다.

모눈종이 생성기

인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.

이 도구는 다른 언어로도 제공됩니다