개발 도구
이미지 Base64 변환기 데이터 URI 상호 인코딩 디코딩
이미지 파일을 HTML, CSS에 직접 삽입 가능한 Base64 Data URI 문자열로 변환하거나 Base64 코드를 이미지로 복원합니다.
이미지 파일을 Base64 Data URI로 인코딩
HTML 및 CSS에 인라인으로 직접 삽입 가능한 텍스트 코드를 생성합니다.
이미지 파일을 선택하거나 드래그하세요
PNG, JPG, SVG, WebP 파일 지원
Base64 코드를 이미지로 복원 및 다운로드
data:image/... 문자열을 입력하면 실시간으로 렌더링하여 파일로 저장합니다.
사용 방법 3단계
1
이미지 업로드 또는 문자열 입력
인코딩할 이미지 파일을 선택하거나 복원할 Base64 코드를 붙여넣습니다.
2
결과 미리보기 및 규격 선택
생성된 data:image/png;base64,... 코드를 확인합니다.
3
코드 복사 또는 파일 저장
필요한 코드 형식을 클립보드에 복사하거나 이미지로 다운로드합니다.
핵심 기술 특징
- 인라인 이미지 임베딩으로 추가적인 HTTP 라운드트립 제거
- Base64 텍스트 입력 시 실시간 이미지 렌더링 미리보기
- HTML img src 및 CSS url 형태 원클릭 클립보드 복사
- SVG 벡터 코드 및 래스터 비트맵 전체 지원
자주 묻는 질문
Base64로 이미지를 넣으면 항상 빠른가요?
작은 아이콘이나 1~2KB 미만의 그래픽은 HTTP 요청을 줄여 유리하지만, 큰 이미지는 인코딩 오버헤드로 파일 용량이 33% 증가하므로 작은 에셋에만 권장됩니다.