이미지 Base64 변환
이미지와 Base64 인코딩을相互 변환하며, 드래그 앤 드롭 업로드와 실시간 미리보기를支持합니다
이미지 업로드
이미지를 여기에拖拽하거나 클릭하여 파일을 선택하세요
JPG, PNG, GIF, WebP, SVG等 형식을支持합니다
Base64 이미지 인코딩이란?
Base64는 64개의 출력 가능한 문자를 사용하여 이진 데이터를 표현하는 인코딩 방식입니다. 이미지 Base64 인코딩은 이미지의 이진 데이터를 ASCII 문자열로 변환하여, 이미지를 HTML, CSS 또는 JSON等 텍스트 형식에直接嵌入할 수 있게 합니다.
Data URL 형식: data:image/[형식];base64,[인코딩 데이터]
사용 방법
이미지를 Base64로
- 이미지를 업로드区域에拖拽하거나 파일 선택 버튼을 클릭합니다
- 출력 형식을 선택합니다: Data URL 접두사 포함 또는纯 Base64
- 'Base64 복사' 버튼을 클릭하여 결과를 복사합니다
- 복사한 내용을需要하는 곳에 붙여넣기 합니다
Base64를 이미지로
- Base64 문자열을 입력란에 붙여넣기 합니다
- '이미지로 변환' 버튼을 클릭합니다
- 변환 결과를 미리보고 이미지를 다운로드保存할 수 있습니다
사용 예시
HTML에서 사용
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="image description">
CSS에서 사용
.background {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...');
}JSON API에서 전송
{
"image": "iVBORw0KGgoAAAANSUhEUgAAAAUA...",
"format": "png"
}자주 묻는 질문 (FAQ)
Q: 이미지를 Base64로 변환하는 이유는?
A: Base64 인코딩은 HTTP 요청 수를 줄이며, 작은 아이콘, 배경 이미지等场景에 적합합니다. 이미지가 코드에直接嵌入되어额外의 파일 요청이 필요 없습니다.
Q: Base64 인코딩 후 이미지가 커지나요?
A: 네, Base64 인코딩은 데이터를 약 33% 증가시킵니다. 작은 이미지(보통 10KB 미만)에만 Base64 인코딩을使用하는 것을建议합니다.
Q: 큰 이미지에 Base64를使用하는 것이适合한가요?
A:推荐하지 않습니다. 큰 이미지를 인코딩하면 문자열이非常 길어져 HTML/CSS 파일의体积이 증가하고 로딩性能에影响을 줍니다. 이미지 CDN或懒加载技术을使用하는 것을建议합니다.
Q: 이미지가 서버에 업로드되나요?
A: 아니요. 모든 변환은您的 브라우저本地에서完成되며, 이미지 데이터가任何 서버에 업로드되지 않습니다.您的隐私安全을保护합니다.