이미지 ↔ Base64 변환기
이미지를 선택하면 미리보기와 복사할 코드가 나타납니다. 반대로 바꾸려면 이미지 복원에서 Data URL을 붙여 넣으세요.
이미지 선택
PNG · JPG · GIF · WebP · AVIF · BMP
한 장, 최대 10 MiB · SVG 제외
data:image/로 시작하는 한 줄을 넣으세요.
원본 이미지 기준 최대 10 MiB입니다.
미리보기
선택한 이미지이미지를 선택하면
여기에서 확인할 수 있어요.
변환 코드
Base64 0자 · 전체 URL 0자긴 코드는 앞부분만 표시합니다. 복사 버튼은 전체 값을 복사합니다.
이미지를 선택해 시작하세요.
바로 쓸 수 있게.
- 바로 보이는 화면입력 위치와 결과 위치를 또렷하게 둡니다.
- 결과 먼저핵심 결과를 앞에 두고, 과정은 필요할 때만 보여줍니다.
- 요구 줄이기가입이나 불필요한 정보 입력 없이 바로 쓰게 합니다.
이미지 Base64와 Data URL, 복사부터 파일 복원까지
이미지 Base64 변환기는 이미지 파일을 문자열로 바꾸고, 이미지 Data URL을 다시 파일로 되돌리는 도구입니다. 파일을 고르면 사진과 크기를 확인한 뒤 Data URL 전체 또는 Base64 값만 복사할 수 있습니다. 이미지 복원에서는 문자열에 담긴 원래 바이트를 내려받습니다.
Base64는 이미지 압축이나 암호화가 아닙니다. 사진의 화질과 파일 내용은 그대로 두고 표현 방식만 바꾸므로 문자열은 원본보다 길어집니다. 작은 아이콘을 HTML이나 CSS에 넣거나 API의 이미지 데이터를 확인할 때 쓰고, 큰 사진은 파일 주소로 전달하는 편이 적합한지 먼저 살펴보세요.
이미지를 Base64로 바꾸는 순서
이미지 → Base64에서 파일을 선택하거나 점선 영역에 한 장을 놓으세요. 브라우저가 파일을 읽고 미리보기를 표시하면 오른쪽 아래에서 필요한 형식을 복사합니다. 파일 이름, 형식, 바이트 수와 해상도를 확인하면 잘못 고른 이미지를 바로 알아볼 수 있습니다.
- 한 번에 한 장, 최대 10 MiB(10,485,760바이트)를 처리합니다.
- PNG, JPEG, GIF, WebP, AVIF, BMP를 지원하며 브라우저에서 미리보기가 열려야 합니다.
- 다른 파일을 선택하면 기존 결과를 지우고 새 파일로 바꿉니다.
Data URL 전체와 Base64 값의 차이
Data URL은 파일 형식과 데이터를 한 줄에 담은 주소입니다. data:image/png;base64, 뒤에 실제 Base64 값이 이어집니다. 전체 복사는 이미지 주소가 필요한 곳에, Base64만 복사는 형식 정보를 별도 필드로 받는 API 등에 사용합니다.
- HTML img의 src에는 Data URL 전체를 넣습니다.
- Base64 값만 받는 입력란에는 data:로 시작하는 접두부와 쉼표를 빼야 합니다.
- 받는 서비스가 요구하는 형식을 먼저 확인하세요. 두 값을 서로 바꿔 넣으면 이미지가 열리지 않을 수 있습니다.
Data URL에서 이미지 파일 복원하기
Data URL → 이미지로 바꾸고 data:image/로 시작하는 문자열 전체를 붙여 넣은 뒤 이미지 복원을 누르세요. 형식과 파일 내용을 확인한 후 미리보기가 열리면 이미지 저장으로 내려받습니다. 이 도구는 파일 주소에 접속해 이미지를 가져오지 않습니다.
- https:// 주소, blob: 주소와 HTML 태그 전체는 입력 대상이 아닙니다.
- 입력 앞뒤의 공백은 제거하지만 문자열 중간의 공백이나 줄바꿈은 허용하지 않습니다.
- Data URL에는 원본 파일명이 들어 있지 않아 복원 시 image.png 같은 이름을 제안합니다.
화질·투명도·움직임은 어떻게 되나요?
인코딩은 원본 파일 바이트를 그대로 문자열로 옮깁니다. 이미지를 다시 그리거나 품질 설정을 바꾸지 않으므로 PNG의 투명도, GIF의 프레임과 파일 안의 메타데이터도 바이트와 함께 유지됩니다. 미리보기의 표시 방식은 브라우저에 따라 다를 수 있습니다.
- 원본과 복원 파일의 바이트가 같으면 해시 값도 같습니다.
- 이미지 크기를 줄이거나 EXIF 정보를 지우는 기능은 제공하지 않습니다.
- 공유할 사진에 위치 정보가 있다면 Base64 변환만으로 없어지지 않습니다.
Base64가 원본보다 길어지는 이유
표준 Base64는 원본 3바이트를 문자 4개로 표현합니다. 패딩을 포함한 길이는 4 × 올림(원본 바이트 수 ÷ 3)이며 Data URL은 여기에 형식 접두부가 더해집니다. 화면의 Base64 길이와 전체 URL 길이를 구분해서 확인하세요.
- 3바이트는 4자, 4바이트는 패딩을 포함해 8자가 됩니다.
- 1 MiB(1,048,576바이트) 파일은 Base64 1,398,104자입니다.
- 10 MiB 파일은 Base64 13,981,016자이며 접두부를 더한 전체 값은 더 깁니다.
HTML·CSS에 넣을 때 확인할 것
작은 이미지를 코드와 함께 전달해야 한다면 Data URL이 편리합니다. HTML에서는 img의 src, CSS에서는 url() 안에 전체 문자열을 넣습니다. 이때 따옴표나 괄호를 결과에 섞어 복사하지 말고 사용하는 코드의 문법에 맞춰 둘러싸세요.
- HTML 형태: <img src="data:image/png;base64,…" alt="이미지 설명">
- CSS 형태: background-image: url("data:image/png;base64,…");
- 사이트의 콘텐츠 보안 정책(CSP)이 data: 이미지를 막으면 올바른 값도 표시되지 않습니다.
복원이 안 될 때는 형식부터 확인하세요
복원 입력은 패딩까지 포함한 표준 Base64 Data URL이어야 합니다. 잘못된 기호, 중간 공백, 부족한 끝부분과 실제 이미지 형식이 다른 MIME 표기는 거부합니다. 헤더만 이미지처럼 만든 데이터도 브라우저에서 열리지 않으면 결과로 제공하지 않습니다.
- PNG 데이터를 image/jpeg로 표기했다면 MIME 형식이 일치하지 않습니다.
- URL-safe의 -와 _ 또는 %2B 같은 퍼센트 인코딩은 자동으로 바꾸지 않습니다.
- 파일이 손상되었거나 브라우저가 해당 이미지 변형을 지원하지 않으면 원본을 다시 확인하세요.
큰 사진에는 파일 주소가 나을 수 있습니다
Base64를 쓰면 이미지마다 별도 파일을 전달하지 않아도 되지만 본문이나 JSON의 크기가 늘어납니다. 여러 화면에서 반복해 쓰는 큰 사진은 별도 이미지 주소로 제공할 때 캐시와 관리가 더 수월할 수 있습니다. 전달 방식은 사용하는 서비스의 제한에 맞춰 정하세요.
- API의 요청 본문 크기 제한은 이 도구의 10 MiB 제한과 다를 수 있습니다.
- 복사나 붙여넣기가 느리면 작은 파일로 먼저 흐름을 확인하세요.
- 용량을 줄여야 한다면 먼저 이미지 압축 도구를 사용하고 결과 파일을 변환하세요.
공유·저장 전에 마지막으로 확인하세요
선택한 파일과 붙여 넣은 값은 이 도구의 변환 과정에서 브라우저 안에서 처리됩니다. 변환 코드가 파일을 서버에 업로드하지는 않습니다. 다만 만들어진 문자열은 원본 이미지로 쉽게 복원할 수 있으므로 사진과 같은 수준으로 관리해야 합니다.
- 미리보기의 내용과 해상도, 원본 바이트 수가 의도한 값인지 확인하세요.
- Data URL 전체가 필요한지 Base64만 필요한지 구분한 뒤 복사하세요.
- 파일 이름을 바꾸어도 파일 형식은 바뀌지 않습니다. 저장 확장자는 확인된 형식을 따릅니다.
이미지 Base64 변환에서 자주 묻는 질문
Base64 값만 있는데 이미지로 복원할 수 있나요?
이 도구에는 MIME 형식이 들어 있는 Data URL 전체가 필요합니다. 원래 이미지 형식을 알고 있다면 PNG는 data:image/png;base64,처럼 맞는 접두부를 붙이세요. 형식을 모르거나 접두부와 실제 바이트가 다르면 복원할 수 없습니다.
JPG와 JPEG 중 어떤 MIME 형식을 써야 하나요?
JPEG 이미지의 표준 MIME 표기는 image/jpeg입니다. 파일 확장자가 .jpg여도 같습니다. 이 도구의 복원 입력에는 data:image/jpeg;base64,로 시작하는 값을 사용하세요.
SVG나 HEIC 이미지도 변환할 수 있나요?
지원하지 않습니다. 이 도구는 PNG, JPEG, GIF, WebP, AVIF, BMP를 대상으로 합니다. SVG의 텍스트·외부 참조 처리와 HEIC 디코딩은 제공하지 않으므로 필요한 경우 먼저 지원 형식으로 변환하세요.
움직이는 GIF를 복원하면 정지 이미지가 되나요?
원본 파일 바이트를 바꾸지 않으므로 GIF의 애니메이션 데이터도 유지됩니다. 화면에서 보이는 동작은 브라우저에 따라 다를 수 있지만 저장 과정에서 한 프레임으로 다시 인코딩하지 않습니다.
복사 버튼이 동작하지 않으면 어떻게 하나요?
브라우저가 클립보드 쓰기를 허용하지 않을 수 있습니다. 실패하면 선택 가능한 코드 영역을 표시합니다. 전체 선택 후 Ctrl+C 또는 Mac의 Command+C를 사용하고, 모바일에서는 길게 눌러 복사하세요.
10 MB 파일인데 용량 제한에 걸릴 수 있나요?
여기서는 최대 10 MiB, 즉 10,485,760바이트를 허용합니다. 복원 입력은 디코딩된 이미지 바이트를 기준으로 제한하며 Base64 문자열 길이도 확인합니다. 기기에 표시되는 용량 단위와 실제 바이트 수를 함께 확인하세요.
줄바꿈된 Base64를 붙여 넣어도 되나요?
문자열 내부의 줄바꿈과 공백은 허용하지 않습니다. 하나의 온전한 Data URL을 붙여 넣으세요. 이 도구에서 복사한 값은 화면상 줄이 바뀌어 보여도 실제 줄바꿈 문자를 넣지 않습니다.
Base64로 바꾸면 사진 정보가 보호되나요?
아닙니다. Base64는 누구나 원래 바이트로 되돌릴 수 있는 표현 방식입니다. 사진 내용과 EXIF 같은 메타데이터도 남으므로 민감한 이미지나 문자열을 공개 장소에 올리지 않도록 주의하세요.
파일 읽기와 Data URL의 기준 자료
Base64 문자열은 RFC 4648, Data URL 구문은 RFC 2397을 기준으로 설명했습니다. 브라우저에서 파일을 읽는 방법은 MDN 문서를 참고했습니다. 파일 확장자만 믿지 않고 실제 바이트와 브라우저 미리보기 결과를 함께 확인합니다.
작업에 따라 함께 쓰는 도구
문장은 텍스트 Base64 도구에서 처리하세요. 사진 용량을 줄이거나 WebP로 바꿔야 한다면 먼저 이미지 도구로 파일을 준비한 뒤 여기서 인코딩할 수 있습니다.