이미지를 Base64 data URI로 어떻게 변환하나요?

img-tools의 Base64 페이지에 이미지를 끌어다 놓거나 골라서 Base64 data: URI를 즉시 얻은 뒤 Copy를 클릭해 CSS나 HTML에 붙여넣으세요. 반대로 변환하려면 data:image/...;base64,... 문자열을 디코드 칸에 붙여넣고 Decode & download를 클릭해 파일을 저장하면 됩니다. 무료이며 Canvas를 사용해 전적으로 브라우저에서 처리되므로 이미지가 업로드되는 일은 없습니다.

파일이 서버에 업로드되나요?

아니요. 인코딩과 디코딩 모두 전적으로 브라우저에서 실행되며, 파일은 절대 기기를 떠나지 않습니다.

데이터 URI란 무엇인가요?

data: URI는 파일을 텍스트(Base64)로 인라인 내장하므로, 별도의 요청 없이 CSS나 HTML에 이미지를 직접 넣을 수 있습니다.

언제 이미지를 Base64로 인라인해야 하나요?

작은 이미지(아이콘, 아주 작은 배경)에서 요청을 줄이려 할 때입니다. 큰 이미지는 일반 파일이 낫습니다 — Base64는 이진 데이터보다 약 33% 큽니다.

데이터 URI를 다시 파일로 디코딩할 수 있나요?

예. data: URI를 붙여넣고 디코딩 & 다운로드를 클릭하면 원본 바이트가 로컬에서 재구성됩니다.

이미지를 Base64 데이터 URI로 인코딩하거나 디코딩하는 것은 무료인가요?

완전히 무료입니다 — 영원히 무료이며, 계정도, 숨은 비용도 없습니다. 이미지를 Base64로 인코딩하거나 데이터 URI를 파일로 디코딩하는 횟수에 제한이 없습니다. 모든 인코딩·디코딩은 브라우저에서 로컬로 실행되며 파일은 절대 서버로 전송되지 않습니다. 이 사이트는 광고로 운영되며 광고를 위해 쿠키를 사용합니다.

오프라인에서 작동하나요?

예. 이 도구는 브라우저 API로 로컬에서 실행되며 서버 연결이 필요 없습니다.

이미지 ⇄ Base64 데이터 URI

이것은 이미지를 Base64 data: URI로 변환하고(CSS/HTML에 인라인으로 넣기 위해) data: URI를 다시 내려받을 수 있는 파일로 디코딩하는 무료 브라우저 기반 도구입니다. 모든 작업은 사용자 기기에서 실행되며, 파일은 절대 업로드되지 않습니다.

이미지를 Base64로 인코딩하고 데이터 URI를 디코딩하세요 — 무료, 업로드 불필요.

100% 무료 — 영원히. 어떤 요금도 없습니다.
개인정보 보호: 파일은 브라우저에서 로컬로 처리되며 절대 서버로 전송되지 않습니다.
업로드 없음, 계정 없음, 회원가입 불필요.

도구 열기
Base64 / 데이터 URI 페이지로 이동하세요. 가입, 설치, 업로드가 필요 없습니다.
이미지 인코딩
이미지를 끌어다 놓거나 골라 Base64 data: URI를 얻은 뒤, 복사를 클릭해 CSS나 HTML에 사용하세요.
또는 데이터 URI 디코딩
data:image/...;base64,... 문자열을 디코딩 상자에 붙여넣으세요.
파일 다운로드
디코딩 & 다운로드를 클릭해 디코딩된 이미지를 저장하세요(미리보기도 함께 표시됩니다).

이미지를 Base64 data URI로 어떻게 변환하나요?: img-tools의 Base64 페이지에 이미지를 끌어다 놓거나 골라서 Base64 data: URI를 즉시 얻은 뒤 Copy를 클릭해 CSS나 HTML에 붙여넣으세요. 반대로 변환하려면 data:image/...;base64,... 문자열을 디코드 칸에 붙여넣고 Decode & download를 클릭해 파일을 저장하면 됩니다. 무료이며 Canvas를 사용해 전적으로 브라우저에서 처리되므로 이미지가 업로드되는 일은 없습니다.
파일이 서버에 업로드되나요?: 아니요. 인코딩과 디코딩 모두 전적으로 브라우저에서 실행되며, 파일은 절대 기기를 떠나지 않습니다.
데이터 URI란 무엇인가요?: data: URI는 파일을 텍스트(Base64)로 인라인 내장하므로, 별도의 요청 없이 CSS나 HTML에 이미지를 직접 넣을 수 있습니다.
언제 이미지를 Base64로 인라인해야 하나요?: 작은 이미지(아이콘, 아주 작은 배경)에서 요청을 줄이려 할 때입니다. 큰 이미지는 일반 파일이 낫습니다 — Base64는 이진 데이터보다 약 33% 큽니다.
데이터 URI를 다시 파일로 디코딩할 수 있나요?: 예. data: URI를 붙여넣고 디코딩 & 다운로드를 클릭하면 원본 바이트가 로컬에서 재구성됩니다.
이미지를 Base64 데이터 URI로 인코딩하거나 디코딩하는 것은 무료인가요?: 완전히 무료입니다 — 영원히 무료이며, 계정도, 숨은 비용도 없습니다. 이미지를 Base64로 인코딩하거나 데이터 URI를 파일로 디코딩하는 횟수에 제한이 없습니다. 모든 인코딩·디코딩은 브라우저에서 로컬로 실행되며 파일은 절대 서버로 전송되지 않습니다. 이 사이트는 광고로 운영되며 광고를 위해 쿠키를 사용합니다.
오프라인에서 작동하나요?: 예. 이 도구는 브라우저 API로 로컬에서 실행되며 서버 연결이 필요 없습니다.

data: URI(RFC 2397)는 파일 내용을 인라인으로 내장하며, ;base64를 쓰면 페이로드가 Base64로 인코딩됩니다.
Base64 인코딩은 3바이트를 4개의 ASCII 문자로 표현해, 텍스트가 원본 이진 데이터보다 약 33% 커집니다.
작은 이미지를 데이터 URI로 인라인하면 HTTP 요청을 없애, 아주 작은 자원의 첫 페인트를 빠르게 할 수 있습니다.
로컬에서 인코딩하면 파일이 기기에 머무릅니다 — 업로드가 없고 오프라인에서 작동합니다.
Base64는 64자 알파벳(A–Z, a–z, 0–9, +, /)과 = 패딩을 사용합니다.

🧬 이미지 ⇄ Base64 데이터 URI

이미지 ⇄ Base64 데이터 URI