사용 방법
- 이미지 파일을 업로드하거나 드롭 영역으로 드래그하여 인코딩합니다.
- 생성된 data:image Base64 문자열을 복사하여 HTML, CSS 또는 JSON에서 인라인으로 사용합니다.
- 디코딩하려면 기존 data:image 문자열을 붙여넣으면 원본 이미지가 다운로드용으로 렌더링됩니다.
- 작은 자산의 경우 Base64 인라이닝을 사용하여 HTTP 요청을 절약합니다. 큰 이미지는 피하세요.
예제
- CSS에 작은 아이콘을 직접 임베드합니다: background: url(data:image/png;base64,iVBOR...).
- data:image/svg+xml;base64 문자열을 붙여넣어 원본 파일을 미리보기하고 다운로드합니다.