사용 방법
- 이미지를 선택하거나, 여기에 끌어다 놓거나, Ctrl+V로 붙여넣으세요.
- 출력 형식을 고르세요. Data URI, Base64만, CSS 배경, HTML <img>, Markdown 중에서 선택할 수 있어요.
- 결과를 복사하세요.
- 반대로 변환하려면 "Base64를 이미지로" 아래에 data URI나 Base64 문자열을 붙여넣으세요.
옵션 설명
- Data URI
- data:image/png;base64,… 형태의 전체 문자열로, URL을 넣을 수 있는 곳이면 어디든 쓸 수 있어요.
- Base64만
- data:…; 접두사 없이 인코딩된 데이터만 출력해요. 순수 Base64를 받는 API나 JSON 필드에 사용하세요.
예시
| 출력 | 결과 |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
자주 묻는 질문
Base64로 바꾸면 이미지가 얼마나 커지나요?
약 3분의 1 정도 커져요. Base64는 3바이트마다 4개의 문자를 쓰기 때문에 30 KB 이미지는 약 40 KB의 텍스트가 돼요.
언제 이미지를 Base64로 인라인해야 하나요?
몇 킬로바이트 이하의 작은 아이콘이나 이미지는 인라인하면 네트워크 요청을 하나 줄일 수 있어요. 큰 이미지는 캐시할 수 있고 HTML이나 CSS를 무겁게 만들지 않도록 별도 파일로 두는 편이 좋아요.
어떤 형식을 지원하나요?
PNG, JPEG, GIF, WebP, SVG, AVIF, ICO 등 브라우저가 읽을 수 있는 모든 이미지를 지원해요. 디코딩할 때 MIME 타입이 없어도 데이터 자체에서 형식을 알아내요.
이미지가 업로드되나요?
아니요. 인코딩과 디코딩은 브라우저에서 실행돼요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.