이미지转Base64
이미지를 업로드하고 Base64 인코딩 문자열로 변환하세요. 결과를 복사하거나 다운로드할 수 있습니다
이미지 업로드
여기에 이미지를 드래그 앤 드롭하거나
변환 결과
이미지를 업로드하고 변환하여 결과를 보세요
사용 방법
출력 형식 선택
data:image 접두사를 포함할지 여부를 선택하세요. 필요에 따라 적절한 형식을 선택하세요.
이미지 업로드
업로드 영역에 이미지를 드래그 앤 드롭하거나 찾기 버튼을 클릭하여 이미지를 선택하세요.
이미지 변환
"Base64로 변환" 버튼을 클릭하면 시스템이 이미지를 Base64 인코딩으로 변환합니다.
결과 복사 또는 다운로드
변환이 완료되면 Base64 인코딩을 복사하거나 텍스트 파일로 다운로드할 수 있습니다.
이미지 미리보기
Base64 인코딩으로 복원된 이미지 효과를 미리 볼 수 있습니다.
Base64 기본 지식
Base64 인코딩이란 무엇인가요?
Base64는 64개의 인쇄 가능 문자를 기반으로 이진 데이터를 표현하는 인코딩 방식입니다. HTML、CSS、JavaScript에서 이미지를 삽입하거나 HTTP 요청에서 이진 콘텐츠를 전송하는 것과 같이 텍스트 프로토콜을 통해 이진 데이터를 전송해야 하는 시나리오에 주로 사용됩니다.
이미지转Base64의 응용 시나리오
웹 개발
HTML/CSS에 작은 이미지를 직접 삽입하여 HTTP 요청 수를 줄이고 페이지 로딩 속도를 높입니다. 특히 아이콘、작은 장식 이미지 등에 적합합니다.
데이터 전송
텍스트만 지원하는 프로토콜에서 이미지 데이터를 전송할 때 사용합니다. 예를 들어 JSON API、XML 데이터、전자 메일 첨부 파일 등이 있습니다.
데이터 저장
이미지를 직접 텍스트 형식으로 저장하여 데이터베이스、구성 파일 또는 일반 텍스트 문서에 저장하기 쉽습니다.
안전한 전송
HTTP Basic Authentication 인증 정보 인코딩과 같이 이진 데이터를 안전하게 전송해야 하는 시나리오에서 사용합니다.
data:image 접두사에 관하여
Base64로 인코딩된 이미지는 접두사를 포함하거나 포함하지 않을 수 있으며, 두 가지 모두 다른 용도가 있습니다：
HTML의 img 태그 src 속성이나 CSS의 background-image 속성에 직접 사용할 수 있으며, 브라우저가 올바르게 인식하여 이미지를 표시할 수 있습니다.
접두사를 수동으로 추가해야 하거나 특정 시스템에서 사용하는 시나리오에 적합합니다. 예를 들어 일부 API 요청、데이터베이스 저장 등이 있습니다.
Base64 인코딩의 장단점
장점
- HTTP 요청 수를 줄이고 작은 이미지의 로딩 속도를 향상시킵니다
- 순수 텍스트 형식에 삽입할 수 있어 데이터 교환이 쉽습니다
- 별도의 파일 참조가 필요 없어 프로젝트 구조가 간단해집니다
- 교차 출처 문제와 이미지 캐시 문제를 피할 수 있습니다
단점
- 인코딩 후 데이터 크기가 약 33% 증가하므로 대용량 이미지에는 적합하지 않습니다
- 독립적으로 캐시할 수 없으며 페이지를 로드할 때마다 다시 파싱해야 합니다
- HTML/CSS/JS 파일 크기를 증가시킵니다
- 자주 업데이트되는 이미지에는 적합하지 않으며, 수정할 때는 다시 인코딩해야 합니다
사용 팁
- 10KB 미만의 작은 이미지(아이콘、작은 버튼 등)의 경우 Base64로 변환하면 페이지 성능을 향상시킬 수 있습니다. 대용량 이미지의 경우 개별 이미지 파일을 계속 사용하는 것이 좋습니다.
- 웹 개발에서 CSS의 url(data:image/...) 형식을 사용하여 Base64 이미지를 삽입할 수도 있고 HTML의 img 태그 src 속성에서 직접 사용할 수도 있습니다.
- JSON 데이터에서 Base64 이미지를 전송해야 하는 경우 데이터 크기를 줄이기 위해 먼저 이미지를 압축한 다음 인코딩하는 것이 좋습니다.
- 접두사를 포함하는 Base64 인코딩은 브라우저 주소 표시줄에 직접 붙여넣어 이미지 효과를 확인할 수 있어 빠른 확인에 편리합니다.
API开发平台
快速构建、测试和部署API
推荐工具
이미지 OCR 텍스트 인식 도구 - 온라인 이미지 텍스트 추출
무료 온라인 이미지 OCR 텍스트 인식 도구로, JPG, PNG 등의 형식 이미지에서 텍스트를 추출할 수 있으며, 중국어, 영어 등 다양한 언어를 인식할 수 있습니다.
GIF 분할 도구 - GIF 파일을 여러 프레임 이미지로 변환
무료 온라인 GIF 분할 도구, GIF 애니메이션 파일을 여러 프레임 이미지로 변환, 모든 프레임 다운로드 지원, 완전 오프라인 실행, 데이터 100% 안전.
이미지 to Favicon 도구 - 온라인 웹사이트 아이콘 생성기
무료 온라인 이미지 to Favicon 도구로, JPG, PNG, GIF 등 포맷의 이미지를 ICO 포맷의 favicon 아이콘으로 변환 지원하며, 크기와 포맷을 사용자 정의할 수 있습니다.
QR 코드 생성기 - 온라인으로 QR 코드 생성
온라인 QR 코드 생성 도구 - 효율적인 QR 코드 제작 플랫폼。텍스트、웹사이트 링크、연락처 정보 등의 콘텐츠를 한 번 클릭으로 QR 코드로 변환하여 생성할 수 있습니다。
이미지 크기 조정 도구 - 온라인 일괄 이미지 크기 조절
무료 온라인 이미지 크기 조정 도구로, 여러 이미지를 일괄 업로드하여 크기를 조정할 수 있으며, 너비, 높이, 확대 축소 비율 등의 매개변수를 사용자 정의할 수 있습니다.