이미지 Base64 변환
이미지를 Base64 문자열로 변환합니다.
이미지를 끌어다 놓거나 클릭해서 선택하세요
파일 한 개를 선택해주세요
사용 예시
작은 아이콘을 CSS에 직접 심기
별도 이미지 파일 요청 없이 CSS의 background-image: url(data:image/png;base64,...)에 바로 넣을 때 씁니다.
이미지를 JSON이나 설정 파일에 담기
서버 요청 없이 샘플 이미지 데이터를 코드나 설정 파일 안에 텍스트로 포함시키고 싶을 때 유용합니다.
이메일 HTML에 이미지 인라인으로 넣기
외부 이미지 링크가 차단되는 메일 클라이언트를 위해, 이미지를 Data URI로 바꿔 HTML에 직접 포함시킬 수 있습니다.
자주 묻는 질문
업로드한 이미지가 서버로 전송되나요?
아니요. 변환은 브라우저 안에서만 이뤄지며 이미지가 서버로 전송되지 않습니다.
Data URI와 Base64만의 차이는 무엇인가요?
Data URI는 data:image/png;base64,로 시작하는 전체 문자열로, <img src="..."> 나 CSS url()에 바로 붙여넣어 쓸 수 있습니다. Base64만은 그 뒤에 오는 순수 인코딩 값만 담고 있어, 직접 파일 형식을 지정해 다른 곳에 조립해 넣을 때 적합합니다.
Base64로 바꾸면 용량이 커지나요?
네. Base64 인코딩은 원본보다 약 33% 커집니다. 이미지를 텍스트로 안전하게 표현하기 위한 트레이드오프이므로, 큰 이미지를 꼭 필요한 경우가 아니면 이 방식으로 전달하지 않는 게 좋습니다.
어떤 이미지 포맷을 지원하나요?
JPG, PNG, WebP, GIF 등 브라우저가 읽을 수 있는 대부분의 이미지 포맷을 지원합니다.