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 이미지 변환 도구를 사용하세요.

관련 도구

PNG를 SVG로 벡터화

브라우저에서 PNG 래스터 이미지를 SVG 패스로 변환합니다. 로고, 아이콘, 선화에 적합하며 임계값, 색상 수, 스무딩을 조절할 수 있습니다.

티어 리스트 만들기

텍스트와 기기 내 이미지로 비공개 티어 리스트를 만드세요. 행을 꾸미고 드래그나 키보드로 순위를 정한 뒤 JSON, PNG 또는 SVG로 내보낼 수 있습니다.

QR 코드 생성기

텍스트 또는 URL로 브라우저 안에서 QR 코드를 만들고 PNG로 다운로드하세요.

GIF 제작기

이미지 시퀀스나 짧은 영상을 애니메이션 GIF로 변환합니다. 내보내기 전에 프레임률, 반복 횟수, 크기를 조정하세요.

그래피티 글자 생성기

태그, 버블, 블록, 스텐실, 네온, 와일드 효과로 글자를 꾸미세요. 색상을 조절하고 브라우저에서 PNG 또는 SVG로 내보낼 수 있습니다.

대량 이미지 리사이저

여러 이미지를 끌어다 놓고 목표 크기에 맞추거나 늘린 뒤 JPG, PNG, WebP 파일을 하나의 ZIP으로 내보냅니다. 처리는 브라우저 안에서 끝납니다.