이미지를 드롭하거나 클릭해서 업로드
JPG, PNG, GIF, WebP, SVG, ICO 지원
—
Type
—
Original size
—
Base64 size
—
큰 이미지는 인라인 삽입에 권장하지 않습니다. URL 방식 사용을 고려하세요.
위에서 이미지를 업로드하면 Base64 결과가 표시됩니다.
이미지를 Base64 문자열로 변환하여 HTML, CSS, JSON에 바로 사용하세요. 브라우저에서만 동작하며 서버 업로드가 없습니다.
이미지를 드롭하거나 클릭해서 업로드
JPG, PNG, GIF, WebP, SVG, ICO 지원
드래그 앤 드롭하거나 업로드 영역을 클릭해 JPG, PNG, GIF, WebP, SVG, ICO 파일을 선택하세요.
Raw Base64, Data URL, HTML <img> 태그, CSS background-image 중 용도에 맞는 형식을 선택하세요.
인코딩된 문자열이 출력 박스에 표시됩니다. 파일 정보에서 원본 크기와 Base64 크기를 확인할 수 있습니다.
복사 버튼을 클릭해 클립보드에 복사한 뒤 HTML, CSS, JSON 파일에 바로 붙여넣으세요.
data:image/...;base64,... 형식의 문자열로 HTML/CSS에 직접 삽입하는 방식입니다. 별도 HTTP 요청 없이 작은 아이콘이나 로고를 번들링할 때 유용합니다. 큰 이미지에는 페이지 크기가 늘어나므로 권장하지 않습니다.