이미지→Base64 — data URI 인코더
이미지를 Base64 data URI로 인코딩(img·CSS 스니펫 포함)하거나 다시 디코딩합니다. 브라우저에서.
🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.
🔒 인코딩은 브라우저에서 이루어지며 이미지는 업로드되지 않습니다.
이 도구 소개
이 도구는 이미지를 Base64 data URI로 인코딩하여 HTML·CSS·JSON에 바로 붙여 넣을 수 있게 해 주며, 반대로 data URI를 다시 내려받을 수 있는 이미지로 디코딩할 수도 있습니다. 파일을 끌어다 놓으면 데이터 문자열과 함께 바로 쓸 수 있는 img 태그·CSS 배경 스니펫이 제공되어, 작은 아이콘을 인라인으로 삽입하고 네트워크 요청을 줄이는 데 유용합니다. 인코딩은 모두 브라우저에서 이루어지므로 이미지가 서버에 업로드되지 않습니다.
자주 묻는 질문
이미지를 Base64로 삽입하는 것이 좋은 경우는 언제인가요?
Base64는 아이콘이나 로고처럼 작고 자주 쓰는 그래픽에 가장 적합하며, 이를 HTML이나 CSS에 인라인으로 넣으면 별도의 네트워크 요청을 없앨 수 있습니다. 큰 사진은 Base64로 만들면 데이터가 약 3분의 1 커지므로 보통 일반 이미지 파일로 두는 편이 낫습니다.
인코딩된 텍스트가 원본 이미지보다 큰 이유는 무엇인가요?
Base64는 이진 데이터를 출력 가능한 문자만으로 표현하기 때문에 약 33%의 오버헤드가 추가됩니다. 인라인으로 넣고 싶은 작은 리소스라면 이 정도 절충은 괜찮지만, 큰 이미지는 별도 파일로 두는 편이 나은 이유이기도 합니다.
인코딩하는 동안 이미지가 업로드되나요?
아니요. 이미지는 브라우저에서 로컬로 읽혀 Base64로 변환되므로 기기에 남으며 어떤 서버로도 전송되거나 저장되지 않습니다.