파일 Base64 변환

작동 방식

Base64는 바이너리 파일을 텍스트로 바꿔, HTML 페이지, CSS 파일, JSON 페이로드, 설정 파일, 이메일처럼 텍스트만 허용되는 곳으로 보낼 수 있게 합니다. 원격 서버에서 인코딩하려면 텍스트를 받기 위해 파일을 업로드해야 하는데, 브라우저가 즉시 할 수 있는 일에는 이상한 거래입니다.

데이터 URI 또는 일반 형식

데이터 URI는 접두사로 미디어 형식을 담고 있어 브라우저가 그것이 무엇인지 압니다. img src나 CSS 배경에 붙여 넣으면 별도 파일 없이 작동합니다. 파이프라인의 다른 곳에서 형식을 지정해 준다면 일반 Base64가 알맞습니다.

크기가 약 3분의 1 커집니다

Base64는 3바이트를 4글자로 나타내므로 약 33% 증가에 약간의 부가 용량이 더해진다고 보면 됩니다. 이는 형식의 비용이며 피할 방법이 없으므로, 인라인은 아이콘, 작은 로고, 글꼴 서브셋 같은 작은 자산에만 쓰는 것이 좋습니다.

인라인으로 넣지 말아야 할 때

큰 이미지를 인라인으로 넣으면 HTML이나 CSS 파일이 커지고, 따로 캐시할 수 없으며, 구문 분석이 느려집니다. 경험칙은 수 킬로바이트입니다. 그 아래에서는 인라인이 요청 한 번을 아끼고, 그 위에서는 일반 파일 참조가 더 빠릅니다.

되돌리기

이 사이트의 Base64 디코더는 텍스트를 원래 파일로 되돌리고, 이미지이면 미리 보여 줍니다.