이미지→Base64 변환기

이미지→Base64 변환기는 파일을 서버에 올리지 않고 현재 브라우저에서 인코딩합니다. 시각적 미리보기와 출력 크기를 함께 제공해 인라인 사용 여부를 판단할 수 있습니다.

출력 형식의 차이

같은 이미지도 사용 위치에 따라 필요한 문자열 형태가 다릅니다.

• Data URL은 MIME 형식과 Base64 데이터가 함께 있어 src 속성에 바로 사용할 수 있습니다.
• 순수 Base64는 접두사 없이 인코딩 본문만 제공합니다.
• CSS와 HTML 형식은 각각 background-image와 img 요소에 바로 붙일 수 있는 코드입니다.

크기와 줄바꿈

Base64는 3바이트를 4문자로 표현하므로 원본보다 대략 33% 커집니다.

• 76자 줄바꿈은 이메일·문서 전송 규칙에 유용하지만 Data URL을 코드에 붙일 때는 줄바꿈 없이 사용하세요.
• 변환 크기는 UTF-8 기준 출력 문자열 크기입니다.
• 미리보기 해상도는 파일이 가진 원본 픽셀 크기입니다.

적합한 활용법

작고 자주 바뀌지 않는 자산을 한 파일에 포함할 때 편리합니다.

• 작은 아이콘, 이메일 템플릿, 단일 HTML 데모에 활용할 수 있습니다.
• 별도 네트워크 요청을 줄일 수 있지만 브라우저 캐시를 독립적으로 활용하기 어렵습니다.
• 큰 이미지나 반복 사용 자산은 이미지 파일 URL과 장기 캐시가 일반적으로 효율적입니다.

보안과 호환성

변환 과정은 로컬이지만 결과 문자열에도 원본 이미지 데이터가 그대로 포함됩니다.

• 개인 사진이나 민감한 이미지를 코드·로그에 노출하지 마세요.
• SVG는 스크립트나 외부 참조를 포함할 수 있으므로 출처를 확인하세요.
• 브라우저와 사용 환경이 해당 MIME 형식과 출력 길이를 지원하는지 확인하세요.