🖼️이미지 ↔ Base64

로딩 중...

이미지를 Base64로 인코딩하면 파일 없이 텍스트 형태로 이미지를 HTML, CSS, JSON 등에 직접 삽입할 수 있습니다. 이 도구는 이미지를 드래그 앤 드롭하거나 붙여넣기하면 Data URL, Base64 문자열, HTML img 태그, CSS background 속성 값을 즉시 생성합니다.

사용 방법

1
이미지 업로드
이미지 파일을 드래그 앤 드롭하거나 클릭하여 선택합니다. 스크린샷을 클립보드에서 바로 붙여넣기(Ctrl+V)할 수도 있습니다.
2
미리보기 확인
업로드된 이미지의 미리보기와 파일명, 형식, 크기, 해상도, Base64 크기 정보를 확인합니다.
3
원하는 형식 복사
Data URL, Base64, HTML img 태그, CSS background, Markdown 중 필요한 형식의 복사 버튼을 클릭합니다.

활용 팁

💡작은 아이콘이나 로고 이미지에 적합합니다. 큰 이미지는 Base64 크기가 커져 성능에 영향을 줄 수 있습니다.
💡CSS background 값을 복사해 inline style이나 CSS 파일에 바로 붙여넣을 수 있습니다.
💡모든 처리는 브라우저에서 이루어지므로 이미지가 서버로 전송되지 않습니다.
💡'Base64 → 이미지' 탭에서는 반대로 Base64 문자열이나 Data URL을 이미지로 변환하고 파일로 다운로드할 수 있습니다.

자주 묻는 질문

Q. 이미지를 Base64로 변환하면 크기가 커지나요?: A. Base64는 바이너리 데이터를 ASCII 텍스트로 변환하므로 원본보다 약 33% 크기가 증가합니다. 소형 아이콘에는 적합하지만 큰 이미지는 외부 URL을 사용하는 편이 좋습니다.
Q. Data URI는 어디에 사용하나요?: A. HTML의 <img src="data:...">나 CSS background-image에 직접 삽입해 별도 HTTP 요청 없이 이미지를 표시합니다. 작은 아이콘이나 오프라인 페이지에 유용합니다.
Q. 변환된 이미지가 서버에 저장되나요?: A. 모든 변환이 브라우저에서 이루어지며 어떠한 데이터도 서버로 전송되지 않습니다. 민감한 이미지도 안전하게 변환할 수 있습니다.