Data URI 디코딩

Data URI 디코딩

로컬 처리

data URI 메타/내용 분해

사용 방법과 처리 기준

data URI 메타/내용 분해

도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.

현재 제한

  • 최대 입력 길이 100,000자

HTML·CSS에 박힌 data: 주소가 무엇을 담고 있는지 확인합니다. Base64와 퍼센트 인코딩 둘 다 읽습니다.

Data URI 디코딩 사용 방법

  1. 1
    Data URI 붙여 넣기data:로 시작하는 전체 문자열을 넣습니다.
  2. 2
    정보 확인MIME 타입, 인코딩, 바이트 수, 텍스트 내용이 나옵니다.
  3. 3
    파일로 받기이미지·파일이면 "Data URI → File"로 내려받을 수 있습니다.

활용 예시

Base64 텍스트
입력: data:text/plain;base64,SGVsbG8=
결과: text/plain, base64, 5바이트, 내용 Hello
퍼센트 인코딩 텍스트
입력: data:text/plain;charset=utf-8,%ED%95%9C%EA%B8%80
결과: percent-encoding, 6바이트, 내용 한글

이럴 때 유용해요

  • CSS에 박힌 작은 이미지·폰트가 얼마나 큰지 볼 때
  • 이메일 HTML의 인라인 데이터를 확인할 때
  • 보안 점검에서 수상한 data: 링크 내용을 볼 때

자주 묻는 질문 (FAQ)

이미지 미리보기도 되나요?

이 도구는 정보와 텍스트 내용을 보여 줍니다. 이미지는 "Data URI → File"로 내려받아 확인하세요.

바이트 수는 무엇을 센 건가요?

디코딩한 실제 데이터의 크기입니다. Base64 문자열은 이보다 약 33% 깁니다.

이 도구에 바라는 점이 있나요? 제안 및 문의하기 →