HTML이나 CSS 파일 안에 이미지가 문자열로 직접 삽입된 것을 본 적 있으신가요? 이것이 Base64 인코딩이며, 특정 상황에서 매우 유용하게 활용됩니다.
Base64 인코딩이란
Base64는 바이너리 데이터를 64개의 문자(A-Z, a-z, 0-9, +, /)로 표현하는 방식입니다. 이미지나 파일 같은 바이너리 데이터를 텍스트 형태로 변환할 수 있어, 텍스트만 전송할 수 있는 환경에서 유용합니다.
웹 개발에서의 활용
작은 아이콘 이미지를 Base64로 변환해 CSS에 직접 삽입하면 HTTP 요청 수를 줄일 수 있습니다. 이메일 HTML에 이미지를 첨부할 때도 Base64가 사용됩니다. 단, 인코딩하면 원본보다 크기가 약 33% 증가하므로 큰 파일에는 적합하지 않습니다.
Base64 변환 도구
이미지나 텍스트를 Base64로 인코딩하거나 디코딩하려면 companys.kr의 변환기를 사용하세요. 파일을 업로드하거나 텍스트를 입력하면 바로 결과를 얻을 수 있습니다.
적절한 상황에서 Base64를 활용하면 웹 성능을 최적화할 수 있습니다.