이미지 Base64 변환
이미지를 data: URI 문자열로 바꿉니다.
이미지를 끌어 놓거나 클릭해서 고르세요
JPG, PNG, WebP, GIF, BMP, ICO, SVG, AVIF. 파일은 브라우저에서만 처리되고 업로드되지 않습니다. 이 브라우저에 보관되며, 빼기 전까지 남습니다.
Ctrl+O고르기Ctrl+V붙여넣기
이미지를 HTML, CSS, JSON, 마크다운 안에 바로 넣을 수 있는 텍스트로 바꿉니다. 이미지를 한 장 또는 여러 장 끌어 놓으면 이미지마다 data URI, Base64 문자열, CSS 배경 규칙, HTML <img> 태그, 마크다운 이미지를 만들어 클릭 한 번으로 복사할 수 있게 합니다. 파일은 브라우저가 읽으며 기기 밖으로 나가지 않고, 무료이며 가입도 필요 없습니다.
이미지를 Base64로 변환하는 방법
- 페이지 어디에나 이미지를 끌어 놓거나, Ctrl+V로 붙여넣거나, 클릭해서 파일을 고릅니다. 다른 이미지 도구에서 넣은 이미지는 지금 모습 그대로 이미 여기에 있어서, 그 도구에서 크기를 바꾸거나 잘라 적용한 이미지는 바뀐 그림의 data URI가 됩니다. 샘플 이미지로 파일 없이 해 볼 수도 있습니다.
- 이미지 아래의 Data URI, Base64, CSS, HTML, Markdown 버튼을 누르면 그 코드가 복사됩니다. Ctrl+C는 선택한 이미지의 data URI를 복사합니다.
- 필요한 곳에 붙여 넣거나 텍스트 파일로 저장합니다. 여러 장이면 모두 저장 (ZIP)으로 한 번에 받습니다.
주요 기능
- 이미지마다 data URI, Base64, CSS background-image, HTML <img>, 마크다운 다섯 가지 코드
- HTML 태그에는 너비, 높이, 파일 이름에서 만든 대체 텍스트(alt)가 들어감
- 클릭 한 번으로 복사, Ctrl+C로 선택한 이미지의 data URI 복사
- 여러 장을 한 번에, 이미지마다 .txt 파일 또는 ZIP 하나로 저장
- 100KB가 넘는 이미지는 파일로 연결하는 편이 낫다고 알림
- PNG, JPG, GIF, WebP, SVG, AVIF, BMP, ICO 지원, 브라우저가 형식을 알려 주지 않아도 올바른 MIME 형식
개인정보는 안전한가요?
네. 브라우저가 파일을 읽어 페이지 안에서 변환하며 어디로도 보내지 않고, 이미지는 뺄 때까지 이 브라우저에만 남습니다. 다만 data URI는 파일 그대로라 사진의 메타데이터도 함께 담기므로, GPS 위치나 다른 메타데이터가 있으면 도구가 알려 주고 먼저 지울 수 있게 EXIF 메타데이터 도구로 안내합니다.
자주 묻는 질문
data URI는 언제 쓰나요?
아이콘, 로고, 작은 배경처럼 요청 하나를 줄이는 것이 중요한 작은 이미지나, HTML 메일, 파일 하나짜리 페이지, JSON 필드, 마크다운 문서처럼 파일을 둘 수 없는 곳에 씁니다. 큰 사진은 브라우저가 캐시할 수 있도록 파일로 연결하는 편이 낫습니다.
Base64로 바꾸면 얼마나 커지나요?
약 3분의 1 커집니다. Base64는 3바이트를 4글자로 표현하므로 30KB 이미지는 약 40KB의 텍스트가 됩니다. 100KB가 넘는 이미지는 보통 파일로 연결하는 편이 낫고, 도구가 이를 알려 줍니다.
어떤 형식을 복사해야 하나요?
직접 src나 url()에 넣을 때는 Data URI, 바로 쓸 배경 규칙은 CSS, 너비·높이·대체 텍스트까지 있는 태그는 HTML, 문서에는 Markdown, API나 JSON 필드에 인코딩된 데이터만 넣을 때는 Base64를 고르세요.
여러 이미지를 한 번에 변환할 수 있나요?
네. 원하는 만큼 이미지를 추가하면 이미지마다 코드가 만들어지고, 모두 저장 (ZIP)으로 이미지별 텍스트 파일을 한 번에 받습니다.