Base64 사용법: 텍스트와 이미지

1. 첫 번째 입력란에 텍스트를 입력하고 인코딩을 누르세요. Hello는 SGVsbG8=가 됩니다. SGVsbG8=를 첫 번째 입력란에 넣고 디코딩하면 Hello로 돌아옵니다.

2. 파일 선택기로 이미지 한 개를 선택하세요. 브라우저가 파일을 읽고 결과란에 Data URL을 표시합니다. data:image/...;base64, 접두사를 포함한 전체 결과를 복사하세요.

3. Data URL을 HTML의 img src 속성이나 CSS의 url()에 사용할 수 있습니다. 예: <img src="data:image/png;base64,..." alt="이미지 설명">. 점 부분을 실제 데이터로 바꾸세요. 일부 이메일 프로그램은 Data URL을 제한합니다.

4. Base64는 인코딩이며 암호화가 아닙니다. 데이터 크기는 보통 약 3분의 1 증가하고 접두사도 추가됩니다. 큰 이미지는 브라우저를 느리게 할 수 있으므로 용도에 따라 일반 이미지 파일을 사용하세요.