Base64.im 사용법 튜토리얼

1. Base64 인코딩을 사용하는 이유는 무엇입니까?

Base64는 바이너리를 텍스트로 표현합니다. 작은 아이콘을 HTML, CSS 또는 단일 파일 데모에 포함할 수 있습니다. 이메일 서명에서는 메일 프로그램의 지원 여부를 먼저 확인하세요.

2. 지원되는 이미지 형식

JPEG, PNG, GIF, WebP, SVG, BMP를 지원합니다. 원본 바이트와 MIME 유형을 유지하며 압축, 크기 조정 또는 형식 변환은 하지 않습니다.

3. base64.im을 사용하여 이미지를 변환하는 방법

파일을 선택하거나 이미지 영역에 놓으세요. 한 번에 최대 20개, 각각 10 MB까지 처리합니다. 각 결과를 별도로 복사하고 다운로드할 수 있습니다.

4. Base64로 인코딩된 이미지를 HTML 이미지 소스로 사용

data:image/...;base64, 접두사를 포함한 전체 결과를 img의 src에 넣고 alt 텍스트를 지정하세요. 클립보드를 사용할 수 없으면 결과를 선택하여 직접 복사하세요.

<img src="data:image/png;base64,…" alt="…">

5. Base64로 인코딩된 이미지를 CSS 배경으로 사용

전체 Data URI를 CSS background-image의 url()에 넣으세요. 접두사와 패딩을 유지해야 합니다. 예제의 생략 부호는 유효한 이미지 데이터가 아닙니다.

.image { background-image: url("data:image/png;base64,…"); }

6. 참고 사항

Base64는 원본보다 약 3분의 1 커집니다. 작은 이미지에 사용하고 대상 브라우저에서 확인하세요. 크거나 반복 사용하는 이미지에는 일반 URL이 적합합니다.