본문으로 건너뛰기
patrache.tools

이미지 ↔ Base64

이미지를 Base64 문자열로 변환 또는 역변환. PNG·JPG·WebP·GIF 지원. 브라우저 처리.

이미지를 끌어다 놓거나 클릭하세요

lock파일이 서버로 전송되지 않습니다
공유
임베드

내 사이트에 이 도구 임베드하기

이미지 Base64 변환기는 이미지를 Base64 문자열로 인코딩하거나 Base64를 이미지로 디코딩하는 무료 온라인 도구입니다. 브라우저에서 직접 변환되어 데이터가 서버로 전송되지 않습니다.

이미지 ↔ Base64 어떻게 사용하나요?

  1. 이미지 → Base64 또는 Base64 → 이미지 모드를 선택합니다.
  2. 이미지를 업로드하거나 Base64 문자열을 붙여넣습니다.
  3. 변환 결과를 복사하거나 다운로드합니다.

이미지 ↔ Base64 자주 묻는 질문

Base64 인코딩은 어디에 사용되나요?

이메일 첨부, CSS 배경 이미지 인라인 삽입, API 데이터 전송 등에 활용됩니다.

Base64로 바꾸면 파일 크기가 커지나요?

네, 3바이트를 4문자로 표현하기 때문에 약 33% 커집니다. 그래서 아이콘이나 1~2KB짜리 작은 이미지에는 요청 수를 줄이는 이득이 크지만, 수백 KB짜리 사진을 Base64로 심으면 HTML이 무거워지고 캐시도 되지 않아 오히려 손해입니다.

Base64 문자열을 다시 이미지 파일로 되돌릴 수 있나요?

네, 디코드 모드로 전환해 문자열을 붙여넣으면 원본 이미지로 복원해 내려받을 수 있습니다. `data:image/png;base64,`로 시작하는 접두사가 붙어 있어도 그대로 넣으면 되고, 없다면 형식만 골라 주면 됩니다.

이메일 서명이나 CSS에 이미지를 넣을 때 Base64가 유리한가요?

CSS에서는 아이콘·패턴 같은 작은 이미지에 유용해 요청 수를 줄여 줍니다. 반면 이메일 서명은 지메일·아웃룩이 data URI 이미지를 차단하는 경우가 많아 권장하지 않으며, 서버에 올린 이미지를 URL로 링크하는 편이 안전합니다.

이미지 ↔ Base64 잘 활용하는 방법은?

  • Base64로 인코딩하면 파일 크기가 약 33% 증가하므로, 작은 아이콘이나 로고에 적합합니다.
  • CSS에서 data URI로 사용하면 HTTP 요청 수를 줄여 페이지 로딩 속도를 개선할 수 있습니다.
  • 큰 이미지는 Base64보다 일반 파일로 제공하는 것이 캐싱과 성능 면에서 유리합니다.

Powered by Patrache Studio Tools

광고 차단을 해제해 주세요

이 도구를 이용하려면 이 사이트의 광고 차단을 해제해 주세요. 광고 수익으로 무료 서비스를 운영합니다.

광고 차단기 아이콘을 눌러 이 사이트의 차단을 끈 뒤 다시 확인해 주세요.