이미지 Base64 변환기
모든 이미지 파일을 Base64 데이터 URL로 변환합니다. 결과를 CSS, HTML 또는 JSON에 바로 붙여넣으세요.
이 도구 사용 방법
- 1
Click the file picker and choose an image (PNG, JPEG, GIF, WebP, SVG, or any format your browser accepts).
- 2
Wait a moment while the browser reads the file and renders a preview thumbnail.
- 3
Review the generated data URL in the text box below the preview.
- 4
Click Copy to put the full data URL on your clipboard, then paste it into your stylesheet or markup.
이미지 Base64 변환기란 무엇인가요?
Base64 데이터 URL은 이미지의 바이너리 내용을 HTML 또는 CSS에 직접 포함합니다. 이는 아이콘과 작은 그래픽에 대한 HTTP 요청을 없애 체감 로딩 시간을 개선할 수 있습니다. 단점: Base64 인코딩은 파일 크기를 약 33% 늘리므로, 5KB 미만의 아이콘에 가장 적합합니다.
일반적인 사용 사례
Inline a small icon directly in a CSS background-image: url(...) rule to save an HTTP request.
Embed a logo in a single self-contained HTML email or offline page with no external files.
Paste image data into a JSON payload or API request that only accepts text fields.
Store a tiny placeholder image as a string in a config file or environment variable.
Drop an avatar or sprite straight into a React or Vue component without a separate asset import.
Generate a quick data URL to test how a graphic renders in a sandbox or CodePen snippet.
자주 묻는 질문
언제 Base64 이미지를 사용해야 하나요?▼
이것을 CSS에서 사용할 수 있나요?▼
관련 도구
이미지 압축기
JPG, PNG, WebP 이미지를 브라우저에서 바로 압축합니다. 업로드 없음: 파일이 기기를 벗어나지 않습니다.
Base64에서 이미지 변환기
Base64 문자열 또는 데이터 URL을 디코딩하여 다운로드 가능한 이미지로 변환합니다.
favicon 생성기
모든 이미지로부터 완전한 favicon 세트를 생성합니다. 브라우저, iOS, Android가 요구하는 모든 크기를 만들어냅니다.
이미지 크기 조정기
업로드 없이 모든 작업을 브라우저에서 처리하여 이미지를 원하는 크기로 조정합니다.
PNG to JPG 변환기
PNG 이미지를 JPG 형식으로 변환합니다. 사진과 스크린샷의 파일 크기를 줄여 줍니다.
JPG to PNG 변환기
JPG/JPEG 이미지를 무손실로 PNG로 변환합니다.