이미지 Base64 변환 및 인코딩 안내
Base64 인코딩은 이진 그래픽 이미지 데이터를 영문과 숫자로 조합된 아스키 문자열로 치환하는 규격입니다. Data URI 방식을 사용하여 이 문자열을 HTML 코드나 CSS 파일에 바로 기재(인라인 삽입)할 수 있습니다. 별도의 추가 HTTP 파일 요청 횟수를 절감하여 웹 로딩 환경을 개선합니다.
Base64 인라인 이미지 최적의 가이드
Base64는 서버 요청을 낮춰주는 장점이 있지만 원본에 비해 용량이 약 33% 팽창합니다. 따라서 사이트 아이콘, 로더 애니메이션 등 10KB 미만의 작은 리소스에만 인라인 삽입을 장려합니다. 본 서비스의 인코딩/디코딩 연산은 전적으로 브라우저 내부 메모리 안에서 구동됩니다.
Base64 변환기 기능 안내
1. 이미지를 Base64로：이미지 파일을 드래그 앤 드롭하거나 선택합니다. HTML <img> 태그, CSS background 속성, Data URI 및 Raw 텍스트 스니펫이 즉시 생성됩니다。
2. Base64를 이미지로：Base64 데이터 문자열을 붙여넣으면 이미지를 파싱하여 미리보기 및 다운로드 기능을 제공합니다.