도구 소개
data:<이미지 형식>;base64,... 형태의 전체 텍스트를 출력하는 도구입니다. 작은 아이콘, 프레젠테이션 문서, Data URI를 지원하는 HTML이나 CSS에서 텍스트로 이미지 내용을 전달할 때 적합합니다.
사용 방법
- JPG, PNG, WebP, GIF, BMP 또는 SVG 이미지를 선택하거나 끌어다 놓으세요.
- 이미지 형식, 파일 용량, 미리보기를 확인하세요.
- ‘Data URI 생성’을 클릭하고 전체 텍스트와 길이를 확인하세요.
- ‘Data URI 복사’ 또는 ‘TXT 다운로드’를 클릭하고 대상 앱에서 지원하는 방식으로 사용하세요.
지원 형식
- 입력: JPG, PNG, WebP, GIF, BMP, SVG. 원본 파일은 최대 20 MiB까지 지원합니다.
- 출력: 실제 이미지 MIME 형식이 포함된 Base64 Data URI(.txt).
변환 안내
- Data URI에는 data: 접두사, 이미지 형식, ;base64, 표시, 원본 이미지의 Base64 텍스트가 포함됩니다.
- 인코딩은 이미지를 다시 압축하지 않으며 원본 파일의 내용이 유지됩니다. 텍스트는 보통 원본 파일보다 약 33% 커지며 접두사가 추가되면 조금 더 길어집니다.
- Data URI는 HTML, CSS, 문서의 용량을 늘리므로 큰 이미지에 적합하지 않습니다. 대상 앱에서 길이를 제한하거나 이미지 직접 삽입을 허용하지 않을 수도 있습니다.
- SVG 미리보기에서는 스크립트와 외부 리소스가 제외되지만 출력에는 원본 SVG 내용이 그대로 포함됩니다. 파일 출처를 신뢰할 수 있을 때만 사용하세요.
원본 이미지는 최대 20 MiB까지 지원합니다. 미리보기는 최대 4,000만 픽셀까지, 너비와 높이는 각각 16384픽셀까지 지원합니다. SVG는 UTF-8 인코딩이어야 하며 소스 코드는 최대 2 MiB까지 지원합니다.
개인정보 보호 안내
이미지는 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
선택한 이미지와 결과는 자동으로 저장되지 않습니다. 보관할 내용은 비우거나 페이지를 떠나기 전에 다운로드하거나 복사하세요.
FAQ
Data URI란 무엇인가요?
data:image/png;base64,...와 같이 파일 형식과 파일 내용을 함께 포함한 텍스트입니다. Data URI를 지원하는 곳에서 이미지를 나타내는 데 사용할 수 있습니다.
Data URI를 HTML이나 CSS에 바로 넣을 수 있나요?
Data URI를 지원하는 이미지 주소나 배경 이미지 위치에 사용할 수 있습니다. 다만 대상 웹사이트, 앱, 콘텐츠 규칙에서 이러한 사용을 제한할 수 있습니다.
큰 이미지에 적합하지 않은 이유는 무엇인가요?
Base64는 데이터 용량을 약 3분의 1 늘립니다. 전체 텍스트를 넣으면 HTML, CSS, 문서도 커져 편집과 로딩에 영향을 줍니다.
순수 Base64와는 어떻게 다른가요?
Data URI에는 data: 접두사와 이미지 MIME 형식도 포함됩니다. 순수 Base64만 필요하면 이미지 → Base64를 사용하세요.
Data URI를 생성하면 이미지가 바뀌나요?
아니요. 원본 파일 내용을 인코딩하며 이미지를 다시 압축하거나 원본 파일에 있는 정보를 제거하지 않습니다.
이미지가 서버에 업로드되나요?
아니요. 선택, 미리보기, 변환, 다운로드가 모두 브라우저에서 이루어지며 이미지는 서버에 업로드되지 않습니다.