바로킷

🖻이미지 ↔ Base64 변환

이미지를 Base64 data URL로 인코딩하거나, data URL을 다시 이미지로 디코딩하세요. CSS·이메일에 이미지 인라인 임베드할 때 사용합니다.

🔒 브라우저에서 처리워터마크 없음가입 불필요

사용 방법

  1. 1이미지를 업로드하면 Base64 data URL이 자동 생성됩니다.
  2. 2반대로 data URL을 붙여넣으면 이미지로 미리보기 됩니다.
  3. 3복사 버튼으로 결과를 가져갑니다.

자주 묻는 질문

data URL 용량은 원본보다 큰가요?+

Base64는 약 33% 용량이 증가합니다. 인라인 임베드 외에는 보통 외부 파일이 더 효율적입니다.

언제 인라인이 좋아요?+

(1) 매우 작은 아이콘(<5KB), (2) HTTP 요청 줄이고 싶을 때, (3) 이메일에 이미지 첨부 없이 보낼 때.

큰 이미지를 Base64로 쓰면?+

용량 증가 + 캐싱 안 됨 + HTML/CSS 파일이 비대해집니다. 큰 이미지는 외부 파일이 좋습니다.

data URL이 페이지에서 작동 안 해요. 왜?+

(1) 길이 제한 — 일부 브라우저가 매우 긴 data URL을 못 다룸, (2) Content Security Policy(CSP)가 data URL을 막을 수 있음.

이메일에 이미지 첨부 대신 인라인으로 쓰면?+

Gmail·아웃룩 등 일부 메일 클라이언트는 보안상 인라인 이미지를 차단합니다. 신뢰성을 위해 첨부도 함께 권장.

SVG도 Base64가 좋아요?+

SVG는 원본 텍스트가 더 짧을 때가 많아 'data:image/svg+xml,...' 형식(Base64 없이)이 더 효율적입니다.

관련 도구