이미지 및 사진

이미지를 Base64 변환기

JPG, PNG, WebP, GIF 또는 SVG 파일을 드롭하여 CSS, HTML 및 Markdown용 복사-붙여넣기 스니펫이 포함된 Base64 데이터 URL을 얻거나, Base64 문자열을 붙여넣어 다시 다운로드 가능한 이미지로 디코드하세요.

Drop your image here

or click to browse — JPG, PNG, WebP, GIF, SVG, BMP, ICO, AVIF up to 10 MB.

Private by design. Images are encoded and decoded entirely in your browser using FileReader and URL decoding. Nothing is uploaded.

Base64 이미지 인코딩이란?

Base64는 이미지와 같은 이진 데이터를 인쇄 가능한 ASCII 문자만 사용하여 표현하는 방법입니다. 데이터 URL 형식(데이터:image/png;base64,...로 시작하는 문자열)은 HTML, CSS, JSON, Markdown, 이메일 서명 또는 서버 응답에 전체 이미지를 직접 붙여넣을 수 있게 해주며, 별도의 파일이 필요하지 않습니다. 인코딩은 손실이 없습니다: Base64를 디코드하면 입력된 것과 정확히 동일한 바이트가 나옵니다. 단점은 크기입니다 — Base64는 기본 이진 데이터보다 약 33% 더 많은 문자를 차지하므로 100 KB PNG는 대략 134 KB의 Base64 텍스트가 됩니다. 이는 작은 아이콘, 인라인 SVG 및 일회성 스니펫에 이상적이며, 큰 히어로 이미지에는 좋지 않은 선택입니다. 이 도구는 드롭한 이미지를 인코딩하고 Base64 문자열을 다운로드 가능한 이미지로 디코드합니다. 모든 작업은 브라우저 내에서 수행됩니다.

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

1
방향 선택
디스크에 있는 이미지를 인코딩하려면 이미지 → Base64를 사용하세요. 데이터 URL, API 응답 또는 CSS 파일에서 복사한 문자열을 디코드하려면 Base64 → 이미지로 전환하세요.
2
이미지 드롭하기
인코딩을 위해 JPG, PNG, WebP, GIF, SVG, BMP, ICO 또는 AVIF 파일을 업로드 영역으로 드래그하거나 장치에서 선택하세요. 이미지는 결과 카드 상단에 미리보기됩니다.
3
필요한 스니펫 복사하기
다섯 개의 붙여넣기 준비된 스니펫이 생성됩니다: 전체 데이터 URL, 원시 Base64 (접두사 없음), CSS 배경 이미지, HTML <img> 태그 및 Markdown 이미지. 원하는 것에서 복사를 클릭하세요.
4
또는 디코드할 Base64 문자열 붙여넣기
Base64 → 이미지로 전환하고 전체 데이터 URL 또는 원시 Base64 부분을 붙여넣으세요. 도구는 짧은 문자열을 자동으로 패딩하고 접두사가 없을 때 PNG로 가정합니다 — 미리보기를 보려면 디코드를 클릭하세요.
5
디코드된 이미지 다운로드
디코드가 완료되면 미리보기 카드에 이미지 크기와 예상 파일 크기가 표시됩니다. 다운로드를 클릭하여 원래 바이트를 올바른 확장자로 디스크에 저장하세요.

Base64 이미지 인코딩 작동 방식

1. 브라우저의 FileReader.readAsDataURL()가 이미지 파일을 이진으로 읽습니다.
2. 바이트를 3개씩(24비트) 그룹화하고 각 그룹을 4개의 ASCII 문자로 재인코딩합니다.
3. 64자 알파벳은 A-Z, a-z, 0-9, '+' 및 '/' (패딩을 위한 '=')입니다.
4. 출력은 'data:<mime>;base64,'로 접두사가 붙어 사용 가능한 데이터 URL이 됩니다.
5. 디코딩은 모든 단계를 역으로 수행합니다: 접두사를 제거하고, URL 안전 변형을 정규화하며, 4의 배수로 패딩합니다.
6. 디코드된 바이트는 Blob에 래핑되고 createObjectURL을 통해 노출됩니다 — 또는 데이터 URL로 직접 사용됩니다.

33%의 크기 오버헤드는 수학에 내장되어 있습니다: 3바이트의 이진 데이터는 4바이트의 ASCII로 변환되며, 비율은 4/3입니다. 이는 하드 바닥입니다 — 널리 사용되는 압축 Base64 변형은 없습니다. 데이터 URL의 MIME 접두사는 선택적 장식이 아닙니다: 브라우저, Markdown 렌더러 및 이메일 클라이언트는 이를 사용하여 바이트를 렌더링하는 방법을 결정합니다. 'data:image/...' 접두사가 없는 원시 Base64를 붙여넣으면 이 도구는 PNG로 기본 설정되며, 이는 스크린샷 및 아이콘에 대한 안전한 추측이지만, 소스가 실제로 JPG인 경우 손상된 미리보기를 생성할 수 있습니다. 최선의 방법은 복사하거나 붙여넣을 때 전체 데이터 URL 형식을 유지하는 것입니다.

참조: MDN — 데이터 URL

일반적인 Base64 이미지 작업

사용 사례	복사할 최적의 스니펫
CSS에 작은 아이콘을 인라인으로 삽입	CSS 배경 이미지 스니펫을 복사하세요. ~5 KB 이하의 아이콘에 대한 HTTP 요청을 제거합니다. 스피너, 체크마크, 스프라이트 스타일 아이콘에 잘 작동합니다.
JSON 또는 REST API 응답에 이미지를 포함합니다.	데이터 URL 스니펫을 복사합니다. 수신자는 이를 <img src> 또는 CSS 배경에 바로 넣을 수 있습니다. 채팅 앱, 스크린샷 및 아바타 업로드에 일반적입니다.
스크린샷을 Markdown 블로그 게시물이나 GitHub 이슈에 붙여넣습니다.	Markdown 이미지 스니펫을 복사합니다. CDN에 업로드하지 않고 인라인으로 렌더링됩니다. 일부 Markdown 렌더러(GitHub)는 매우 큰 데이터 URL을 거부합니다 — 작게 유지하세요.
이메일 또는 API에서 Base64 문자열을 디코드하여 사용 가능한 파일로 변환합니다.	Base64 → 이미지로 전환하고, 문자열을 붙여넣고, 디코드를 클릭한 후 다운로드합니다. 원시 Base64에도 작동합니다 — MIME이 없을 경우 기본적으로 PNG로 설정됩니다.

Base64 이미지를 사용할 때

HTTP 왕복을 건너뛰기 위해 CSS에 직접 인라인 작은 아이콘이나 스피너를 사용합니다.
단일 자급자족 HTML 파일에 이미지를 포함합니다 (오프라인 문서, 이력서, 다이어그램 내보내기).
JSON 전용 채널을 통해 이미지를 전송합니다 — REST API, 채팅 프로토콜, 웹훅 페이로드.
GitHub 이슈, Notion 페이지 또는 Markdown 블로그 초안에 스크린샷을 인라인으로 붙여넣습니다.
API 또는 이메일에서 받은 Base64 이미지를 다운로드 가능한 파일로 디코드합니다.
CSS 전용 로딩 스켈레톤을 위한 플레이스홀더 데이터 URL을 생성합니다.
파일을 저장하기 전에 누군가가 제공한 데이터 URL의 내용을 감사하거나 검사합니다.

자주 묻는 질문

정규 이미지 파일 대신 Base64 데이터 URL을 언제 사용해야 하나요?

이미지가 작고(약 5 KB 이하), 한 곳에서만 사용되며, HTTP 요청을 저장하는 것이 캐싱보다 더 중요할 때입니다. 작은 아이콘, 인라인 SVG 및 일회성 이메일 서명이 완벽합니다. 히어로 이미지, 사진 및 재사용 가능한 자산은 별도의 파일로 유지해야 합니다 — 브라우저가 이를 캐시할 수 있으며, Base64는 총 페이지 크기를 약 33% 증가시킵니다.

왜 Base64 문자열이 원본 이미지보다 더 큰가요?

Base64는 3바이트의 이진 데이터를 표현하기 위해 4개의 ASCII 문자를 사용하므로 출력은 항상 기본 파일보다 약 33% 더 큽니다. 이는 이 도구의 특성이 아니라 수학적으로 고정된 바닥입니다. 크기가 중요하다면 인코딩하기 전에 먼저 이미지를 최적화하세요 (이미지 압축기가 이에 적합합니다).

내 이미지가 어디에 업로드되었나요?

아니요. 인코딩은 브라우저의 FileReader API를 사용하고 디코딩은 네이티브 문자열 조작을 사용합니다 — 둘 다 완전히 당신의 탭에서 실행됩니다. 페이지가 로드된 후 이미지 바이트가 페이지를 떠나지 않는지 네트워크 탭에서 확인할 수 있습니다.

왜 내 디코드된 이미지가 손상되어 보이나요?

가장 일반적인 원인은 원시 Base64 문자열의 MIME 접두사가 누락되었거나 잘못된 경우입니다 — 이 도구는 접두사가 없을 경우 PNG로 추측하여 JPG 또는 WebP를 손상시킵니다. 가능할 때마다 전체 데이터 URL을 붙여넣으세요. 다른 원인: 문자열이 전송 중에 잘렸거나 URL 인코딩되었고 붙여넣기 전에 URL 디코딩되지 않았습니다.

디코더가 생성할 수 있는 MIME 유형은 무엇인가요?

데이터 URL이 선언한 MIME: image/png, image/jpeg, image/webp, image/gif, image/svg+xml, image/bmp, image/x-icon, 또는 image/avif. 다운로드는 자동으로 올바른 확장자를 사용합니다. 접두사가 없는 원시 Base64의 경우, 도구는 PNG로 기본 설정되며, 이는 스크린샷 및 아이콘에 가장 안전한 추측입니다.

최대 이미지 크기가 있나요?

파일당 10 MB입니다. 그 이상은 Base64 문자열이 브라우저에서 다루기 힘들어지고 대부분의 소비자(마크다운 렌더러, JSON 파서, 브라우저의 데이터 URL 제한)가 이를 거부합니다. 더 큰 것을 포함해야 한다면, 실제 파일 URL을 원할 가능성이 거의 확실합니다.

이것과 Base64 인코더 도구의 차이는 무엇인가요?

Base64 인코더는 임의의 텍스트 입력으로 작업합니다 — 기본 인증 헤더, JSON 인코딩된 자격 증명 및 기타 개발자 작업에 유용합니다. 이 도구는 이미지 전용입니다: 올바른 MIME 접두사와 이미지를 포함할 때 실제로 원하는 붙여넣기 준비가 된 스니펫을 생성합니다.

마지막 업데이트 2026-04-29

Base64 이미지 인코딩이란?

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

방향 선택

디스크에 있는 이미지를 인코딩하려면 이미지 → Base64를 사용하세요. 데이터 URL, API 응답 또는 CSS 파일에서 복사한 문자열을 디코드하려면 Base64 → 이미지로 전환하세요.

이미지 드롭하기

인코딩을 위해 JPG, PNG, WebP, GIF, SVG, BMP, ICO 또는 AVIF 파일을 업로드 영역으로 드래그하거나 장치에서 선택하세요. 이미지는 결과 카드 상단에 미리보기됩니다.

필요한 스니펫 복사하기

다섯 개의 붙여넣기 준비된 스니펫이 생성됩니다: 전체 데이터 URL, 원시 Base64 (접두사 없음), CSS 배경 이미지, HTML <img> 태그 및 Markdown 이미지. 원하는 것에서 복사를 클릭하세요.

또는 디코드할 Base64 문자열 붙여넣기

Base64 → 이미지로 전환하고 전체 데이터 URL 또는 원시 Base64 부분을 붙여넣으세요. 도구는 짧은 문자열을 자동으로 패딩하고 접두사가 없을 때 PNG로 가정합니다 — 미리보기를 보려면 디코드를 클릭하세요.

디코드된 이미지 다운로드

디코드가 완료되면 미리보기 카드에 이미지 크기와 예상 파일 크기가 표시됩니다. 다운로드를 클릭하여 원래 바이트를 올바른 확장자로 디스크에 저장하세요.

Base64 이미지 인코딩 작동 방식

1. 브라우저의 FileReader.readAsDataURL()가 이미지 파일을 이진으로 읽습니다.
2. 바이트를 3개씩(24비트) 그룹화하고 각 그룹을 4개의 ASCII 문자로 재인코딩합니다.
3. 64자 알파벳은 A-Z, a-z, 0-9, '+' 및 '/' (패딩을 위한 '=')입니다.
4. 출력은 'data:<mime>;base64,'로 접두사가 붙어 사용 가능한 데이터 URL이 됩니다.
5. 디코딩은 모든 단계를 역으로 수행합니다: 접두사를 제거하고, URL 안전 변형을 정규화하며, 4의 배수로 패딩합니다.
6. 디코드된 바이트는 Blob에 래핑되고 createObjectURL을 통해 노출됩니다 — 또는 데이터 URL로 직접 사용됩니다.

일반적인 Base64 이미지 작업

사용 사례	복사할 최적의 스니펫
CSS에 작은 아이콘을 인라인으로 삽입	CSS 배경 이미지 스니펫을 복사하세요. ~5 KB 이하의 아이콘에 대한 HTTP 요청을 제거합니다. 스피너, 체크마크, 스프라이트 스타일 아이콘에 잘 작동합니다.
JSON 또는 REST API 응답에 이미지를 포함합니다.	데이터 URL 스니펫을 복사합니다. 수신자는 이를 <img src> 또는 CSS 배경에 바로 넣을 수 있습니다. 채팅 앱, 스크린샷 및 아바타 업로드에 일반적입니다.
스크린샷을 Markdown 블로그 게시물이나 GitHub 이슈에 붙여넣습니다.	Markdown 이미지 스니펫을 복사합니다. CDN에 업로드하지 않고 인라인으로 렌더링됩니다. 일부 Markdown 렌더러(GitHub)는 매우 큰 데이터 URL을 거부합니다 — 작게 유지하세요.
이메일 또는 API에서 Base64 문자열을 디코드하여 사용 가능한 파일로 변환합니다.	Base64 → 이미지로 전환하고, 문자열을 붙여넣고, 디코드를 클릭한 후 다운로드합니다. 원시 Base64에도 작동합니다 — MIME이 없을 경우 기본적으로 PNG로 설정됩니다.

Base64 이미지를 사용할 때

HTTP 왕복을 건너뛰기 위해 CSS에 직접 인라인 작은 아이콘이나 스피너를 사용합니다.

단일 자급자족 HTML 파일에 이미지를 포함합니다 (오프라인 문서, 이력서, 다이어그램 내보내기).

JSON 전용 채널을 통해 이미지를 전송합니다 — REST API, 채팅 프로토콜, 웹훅 페이로드.

GitHub 이슈, Notion 페이지 또는 Markdown 블로그 초안에 스크린샷을 인라인으로 붙여넣습니다.

API 또는 이메일에서 받은 Base64 이미지를 다운로드 가능한 파일로 디코드합니다.

CSS 전용 로딩 스켈레톤을 위한 플레이스홀더 데이터 URL을 생성합니다.

파일을 저장하기 전에 누군가가 제공한 데이터 URL의 내용을 감사하거나 검사합니다.

자주 묻는 질문

정규 이미지 파일 대신 Base64 데이터 URL을 언제 사용해야 하나요?

왜 Base64 문자열이 원본 이미지보다 더 큰가요?

내 이미지가 어디에 업로드되었나요?

왜 내 디코드된 이미지가 손상되어 보이나요?

디코더가 생성할 수 있는 MIME 유형은 무엇인가요?

최대 이미지 크기가 있나요?

이것과 Base64 인코더 도구의 차이는 무엇인가요?

이미지를 Base64 변환기

Base64 이미지 인코딩이란?

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

Base64 이미지 인코딩 작동 방식

일반적인 Base64 이미지 작업

Base64 이미지를 사용할 때

관련 도구

자주 묻는 질문

이미지를 Base64 변환기

Base64 이미지 인코딩이란?

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

Base64 이미지 인코딩 작동 방식

일반적인 Base64 이미지 작업

Base64 이미지를 사용할 때

관련 도구

자주 묻는 질문