파일
Data URI 변환기
텍스트 내용을 data: URI 형식으로 바꿔 HTML, CSS, 문서에 붙여 넣기 좋게 만들어요.
도구를 불러오는 중입니다.
도구 안내
작은 텍스트나 파일 내용을 data URI로 변환
Data URI 변환기는 작은 텍스트, SVG, JSON, CSS 조각을 `data:` URI 형식으로 바꿔 HTML, CSS, 문서 예시에 바로 붙여 넣을 때 씁니다. 작은 아이콘, 테스트 데이터, 예제 링크처럼 별도 파일 없이 인라인으로 넣고 싶을 때 유용합니다.
이럴 때 사용해요
- SVG나 짧은 텍스트를 data URI로 변환
- HTML/CSS 예제에 인라인 리소스 넣기
- 테스트용 작은 JSON이나 텍스트 링크 만들기
알아두면 좋아요
큰 data URI는 문서 크기와 렌더링 성능을 나쁘게 만들 수 있습니다. 민감한 데이터나 큰 파일은 인라인으로 넣지 않는 것이 좋습니다.
파일 처리 기준
가능한 파일 작업은 브라우저에서 먼저 처리합니다. 큰 파일, 암호화된 문서, 서버 변환이 필요한 형식은 브라우저 성능과 서버 지원 상태에 따라 제한될 수 있습니다.
개인 파일 처리
가능한 작업은 브라우저에서 먼저 처리하고, 서버 변환이 필요한 경우에만 파일을 전송합니다. 이 안내는 2026년 6월 28일 기준으로 점검했습니다.
Data URI 사용 전 체크
대상
- 작은 SVG, 텍스트, 아이콘처럼 인라인에 적합한 자산인지 확인
- 큰 파일은 번들 크기와 캐시 효율이 나빠질 수 있음
형식
- MIME 타입과 charset이 필요한지 확인
- Base64와 URL 인코딩 방식 중 대상 환경에 맞게 선택
적용 전
- HTML, CSS, Markdown 대상에서 실제로 열리는지 테스트
- 민감한 파일 내용은 Data URI로 공유하지 않기
Data URI는 언제 쓰면 좋나요?
작은 SVG, 아이콘, 텍스트 조각처럼 별도 파일 요청을 만들기 싫은 작은 리소스를 HTML이나 CSS에 넣을 때 유용합니다.
큰 파일도 Data URI로 바꾸는 게 좋나요?
아니요. Data URI는 길어지면 HTML/CSS가 무거워지고 캐시 관리가 어려워집니다. 큰 이미지나 파일은 별도 파일로 두는 편이 좋습니다.
MIME 타입을 직접 지정해야 하나요?
정확한 MIME 타입을 넣으면 브라우저와 도구가 내용을 더 잘 해석합니다. 확실하지 않으면 MIME 타입 조회 도구로 먼저 확인하세요.