분류: 개발 도구
Data URI 생성기
텍스트나 파일을 data: URI로 변환
텍스트를 붙여넣거나 파일을 선택하고 미디어 타입을 지정하면 CSS, HTML, JSON에 바로 넣을 수 있는 data: URI가 만들어집니다. 파일 읽기와 인코딩은 모두 브라우저 안에서 처리되며 기기 밖으로 나가지 않습니다.
출력
data:text/plain;base64,SGVsbG8sIHdvcmxkIQ==
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
data: URI는 파일의 바이트를 URL 안에 그대로 담기 때문에, 작은 아이콘이나 폰트를 별도 요청 없이 스타일시트 안에 함께 넣을 수 있습니다. 이 도구는 입력한 텍스트나 선택한 파일로 data: URI를 만듭니다. 파일은 원시 바이트가 퍼센트 인코딩을 거의 견디지 못하므로 항상 Base64로 인코딩되며, 텍스트는 두 방식 중 선택할 수 있습니다. 파일은 브라우저 자체의 FileReader API로 읽고 인코딩도 로컬에서 수행되므로 업로드는 없습니다.
사용 방법
- 원본으로 텍스트나 파일을 선택합니다.
- 자동으로 추정된 미디어 타입이 맞지 않으면 직접 지정합니다.
- 생성된 data: URI를 복사합니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 파일이 서버로 업로드되나요?
- 아니요. 파일은 브라우저에서 읽고 인코딩되며, 어디로도 전송되지 않습니다.
- 파일은 왜 항상 Base64로 인코딩되나요?
- 임의의 바이너리 바이트는 퍼센트 인코딩으로 깔끔하게 표현되지 않기 때문에 파일에는 Base64가 안정적인 선택입니다. 일반 텍스트는 두 방식 모두 사용할 수 있습니다.
- 크기 제한이 있나요?
- 실질적인 제한만 있습니다. data: URI가 커질수록 그것을 담은 CSS나 HTML도 무거워지므로, 아이콘이나 짧은 조각처럼 작은 자산에 가장 적합합니다.