🔗Data URI 생성기
이미지·SVG·텍스트를 Base64 인코딩된 Data URI로 변환합니다. CSS background-image에 직접 인라인, HTML 이메일에 이미지 삽입, 외부 요청 없는 1-파일 데모, 작은 파비콘 임베드에 유용. MIME 타입 자동 감지.
🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요
사용 방법
- 1파일을 업로드하거나 텍스트를 입력합니다.
- 2MIME 타입이 자동 감지됩니다.
- 3data:... 형식의 URI가 생성됩니다.
- 4복사해서 CSS background, HTML img src, 이메일에 사용합니다.
자주 묻는 질문
Data URI가 뭐예요?+
`data:image/png;base64,...` 형식으로 파일 내용을 URL 안에 직접 담는 방식. 외부 파일 요청 없이 데이터를 인라인할 수 있습니다.
용량 제한은?+
이론상 없지만 실용적으론 <10KB 권장. Base64는 원본보다 ~33% 커집니다. 큰 파일은 외부 파일이 더 효율적.
왜 Base64 인코딩이 필요한가요?+
URI 안에 안전하게 넣기 위해. 바이너리(이미지·PDF 등)는 URI 특수문자와 충돌하기 때문에 Base64로 변환합니다.
어디에 가장 많이 쓰이나요?+
(1) CSS background에 작은 아이콘, (2) 이메일 HTML에 이미지, (3) Webpack/Vite 빌드에서 작은 자산을 인라인, (4) 1-파일 HTML 데모.
단점은?+
(1) Base64로 크기 33% 증가, (2) 브라우저 캐시 못 함, (3) 큰 파일은 페이지 파싱 지연.