Base64 이미지
무료 온라인 서비스 Base64 이미지 설치가 필요 없는 도구
Base64 이미지 인코딩이란?
Base64 이미지 인코딩은 이미지 파일(PNG, JPEG, GIF, SVG, WebP 등)을 Base64 알고리즘을 사용하여 텍스트 문자열로 변환합니다. 인코딩된 문자열은 HTML, CSS, JSON에 직접 삽입할 수 있어 별도의 이미지 파일 호스팅이 필요 없습니다. 인코딩된 출력은 원본 바이너리 파일보다 약 33% 더 큽니다.
사용 방법
업로드 영역을 클릭하거나 이미지 파일을 드래그 앤 드롭하세요. 도구가 자동으로 Base64 문자열로 변환합니다. 'Data URI 접두사 포함' 체크박스를 전환하여 data:image/xxx;base64, 접두사 포함 여부를 선택할 수 있습니다. 결과를 클립보드에 복사하거나 텍스트 파일로 다운로드할 수 있습니다.
Base64 이미지를 사용하는 경우
Base64 이미지는 CSS의 작은 아이콘이나 로고(background-image), HTML 이메일의 인라인 이미지, JSON API에 이미지 삽입, 단일 파일 HTML 문서에 적합합니다. 큰 이미지에는 Base64 사용을 피하세요. 파일 크기가 약 33% 증가하며 브라우저 캐시도 활용할 수 없습니다.
▶어떤 이미지 형식을 지원하나요?
PNG, JPEG, GIF, SVG, WebP, BMP, ICO 등 모든 일반적인 이미지 형식을 지원합니다. image/* MIME 유형의 파일이면 모두 허용됩니다.
▶Data URI 접두사를 포함해야 하나요?
HTML이나 CSS에서 Base64 문자열을 직접 사용할 때(예: <img src="data:image/png;base64,..."> 또는 background-image: url(data:image/png;base64,...)) 접두사를 포함하세요. API 사용이나 기타 처리를 위해 원시 Base64 데이터를 저장할 때는 접두사를 생략하세요.
▶파일 크기 제한이 있나요?
변환은 서버 업로드 없이 브라우저에서만 이루어지므로 엄격한 파일 크기 제한은 없습니다. 하지만 매우 큰 이미지는 매우 큰 Base64 문자열을 생성하여 브라우저가 느려질 수 있습니다. 웹 사용 시 최적의 성능을 위해 이미지를 100KB 이하로 유지하는 것이 좋습니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.