이미지 ↔ Base64 변환

이미지 Base64 변환: Data URI로 바꾸고 다시 이미지로

이미지를 Base64 문자열로 바꿔 코드에 넣거나, 받은 Base64 문자열을 이미지 파일로 복원합니다.

이미지 → Base64

이미지를 올리면 Data URI, Base64 본문만, HTML img 태그, CSS 배경 이미지 코드 4가지가 만들어지고, 각각 복사 버튼으로 가져갈 수 있습니다. Base64는 원본보다 약 33% 커지므로 작은 아이콘이나 로고에 알맞고, 100KB가 넘으면 안내가 나옵니다. 20MB가 넘는 파일은 변환하지 않습니다.

Base64 → 이미지

data:image/png;base64,… 형태의 Data URI나 Base64 본문만 붙여 넣으면 이미지로 복원해 미리 보여 주고, 파일로 저장할 수 있습니다. 줄바꿈과 공백은 무시하고, URL에 쓰는 - 와 _ 문자도 받아 줍니다. 파일 앞부분을 보고 JPG, PNG, GIF, WebP, AVIF, BMP를 구분하며 그 밖의 데이터는 이미지가 아니라고 알려 줍니다.

주의할 점

Base64로 코드에 넣은 이미지는 브라우저가 따로 캐시하지 못하고 HTML이나 CSS 파일이 그만큼 커집니다. 여러 번 쓰이거나 큰 이미지는 일반 파일로 올려 두는 편이 낫습니다. 이 도구는 이미지를 줄여 주지 않으니 용량을 줄이려면 먼저 이미지 압축을 하세요.

자주 묻는 질문

이미지가 서버로 올라가나요?

아니요. 변환은 이 브라우저 안에서만 이루어지고 어디에도 전송되지 않습니다.

Base64가 원본보다 큰 이유는?

3바이트를 글자 4개로 표현하기 때문에 항상 약 33% 커집니다.