작은 리소스는 인라인으로
아이콘과 작은 이미지를 Data URI로 삽입하면 HTTP 요청을 한 번 아낄 수 있고 HTML이나 CSS 파일 하나로 모든 것을 해결할 수 있습니다.
이미지를 Base64로 변환
어떤 이미지든 HTML, CSS, JSON, 이메일 템플릿에 바로 붙여 넣을 수 있는 Base64 문자열이나 Data URI로 인코딩하세요. 필요한 코드 조각을 클릭 한 번으로 복사할 수 있습니다.
이미지는 내 기기에서 처리되며 업로드되지 않습니다.
엔진 로드 중…
사용 방법
- 01
이미지를 추가하세요.
- 02
출력 형식을 선택하세요: Data URI, 순수 Base64, HTML img 태그, CSS 배경.
- 03
결과를 클립보드에 복사하거나 텍스트 파일로 다운로드하세요.
용량에 유의하세요
Base64는 원본 파일보다 약 3분의 1 더 큽니다. 수 킬로바이트 정도의 이미지에 가장 적합하므로 더 큰 이미지는 먼저 압축하세요.
자주 묻는 질문
Data URI란 무엇인가요?
Data URI는 data:image/png;base64,…처럼 MIME 유형이 앞에 붙은 Base64 문자열로, 브라우저가 URL이 필요한 어느 곳에서나 사용할 수 있습니다.
크기 제한이 있나요?
아주 긴 문자열은 편집기를 느리게 만들 수 있습니다. 출력이 1MB를 넘으면 도구가 경고를 표시합니다.
이미지가 업로드되나요?
아니요. 인코딩은 브라우저 안에서 이루어집니다.