🖼️ 이미지 → Base64 / Data URL 변환

이미지를 드래그 & 드롭으로 Base64 / Data URL로 변환. CSS background-image나 HTML img 태그에 바로 사용.

✅ 완전 무료, 가입 불필요, 브라우저 내에서만 실행

📂

이미지를 드래그 & 드롭하거나 클릭하여 선택

PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO

💡 Data URL 사용법

• 작은 아이콘이나 1–2 KB 정도의 이미지는 HTTP 요청 수를 줄일 수 있습니다.

• Base64 인코딩은 크기가 약 33% 증가합니다.

• SVG는 인라인 XML로 사용하는 것이 더 작을 수 있습니다.

1

이미지 드롭 또는 클릭하여 선택

드롭 영역에 이미지를 드래그 & 드롭하거나 클릭하여 파일을 선택하세요.
2

출력 형식 선택

Data URL, Base64만, CSS background-image, HTML img 태그, Markdown 중에서 선택하세요.
3

복사하여 사용

복사 버튼으로 인코딩된 텍스트를 클립보드에 저장하고 코드에 붙여넣으세요.

클립보드에서 붙여넣기도 지원하나요?

네. 이미지를 클립보드에 복사한 후 페이지에서 Ctrl+V / Cmd+V를 누르면 자동으로 로드됩니다.

Base64로 변환하면 파일 크기가 어떻게 되나요?

Base64 인코딩은 파일 크기를 약 33% 증가시킵니다. 큰 이미지 삽입은 페이지 로드 성능에 악영향을 줄 수 있습니다.

Data URL은 어떤 상황에서 사용하는 것이 적절한가요?

1~2 KB 정도의 작은 아이콘이나 인라인 이미지에 적합합니다. HTTP 요청 수를 줄이는 데 유효하지만 큰 이미지에는 부적합합니다.