도구 소개
이미지를 Data URI로 변환하여 생성
HTML 또는 CSS용 MIME 유형이 포함된 전체 이미지 Data URI를 생성합니다. 이미지는 브라우저 내에서 유지됩니다.
올바른 소스 MIME 유형을 사용하여 전체 data:image/...;base64 URI를 생성합니다. 출력은 HTML 이미지에 포함하거나 CSS url() 값으로 사용할 수 있습니다. 파일 업로드가 필요하지 않습니다.
이미지를 Data URI로 변환
HTML 또는 CSS용 MIME 유형이 포함된 전체 이미지 Data URI를 생성합니다. 이미지는 브라우저 내에서 유지됩니다.
기기에서 처리 가입 불필요
로컬 개발자 도구
사용 방법
- 01
소스 준비
지원되는 소스 이미지를 선택하거나, 도구에서 제공하는 경우 텍스트 템플릿으로 시작하세요.
- 02
결과 조정
올바른 소스 MIME 유형을 사용하여 전체 data:image/...;base64 URI를 생성합니다. 출력은 HTML 이미지에 포함하거나 CSS url() 값으로 사용할 수 있습니다. 파일 업로드가 필요하지 않습니다.
- 03
검토 및 다운로드
전체 미리보기와 출력 설정을 확인하세요. 완성된 에셋을 다운로드하고, 비교를 위해 원본을 유지하세요.
더 나은 결과를 위한 팁
- Data URI에는 data: 접두사, MIME 유형 및 인코딩 마커가 포함됩니다. 원시 Base64 문자열에는 인코딩된 바이트만 포함되며, 애플리케이션에 따라 특정 형식이 필요할 수 있습니다.
- 결과물을 확인할 때까지 원본 파일을 보관하세요.
- 의도한 표시 크기에서 작은 텍스트와 미세한 가장자리를 검사하세요.
- 이미지 처리는 브라우저 내에서 이루어집니다. 탭을 닫기 전에 결과물을 다운로드하세요. 이 도구는 원본 파일을 덮어쓰지 않습니다.
자주 묻는 질문
이미지를 Data URI로 변환하는 방법은 무엇인가요? +
지원되는 소스 이미지를 선택하거나 도구에서 제공하는 텍스트 템플릿으로 시작하세요. 올바른 소스 MIME 유형을 사용하여 전체 data:image/...;base64 URI를 생성합니다. 출력은 HTML 이미지에 포함하거나 CSS url() 값으로 사용할 수 있습니다. 파일 업로드가 필요하지 않습니다.
원시 Base64 문자열과 무엇이 다른가요? +
Data URI에는 data: 접두사, MIME 유형 및 인코딩 마커가 포함됩니다. 원시 Base64 문자열에는 인코딩된 바이트만 포함되며, 애플리케이션에 따라 특정 형식이 필요할 수 있습니다.
입력 파일은 어디에서 처리되나요? +
이미지 처리는 브라우저 내에서 이루어집니다. 탭을 닫기 전에 결과물을 다운로드하세요. 이 도구는 원본 파일을 덮어쓰지 않습니다.
어떤 파일을 사용할 수 있나요? +
허용되는 입력: JPG, PNG, WebP, AVIF, GIF. 사용 가능한 출력: TXT. 브라우저 디코딩 지원 및 선택한 출력 설정에 따라 처리 가능한 소스 파일이 결정됩니다.
계정이 필요한가요? +
이 도구는 계정이 필요하지 않습니다. 기기에 저장하기 전에 결과물을 검토할 수 있습니다.