이미지 Base64 변환 (이미지 → Base64)
이미지를 끌어다 놓거나 고르면 Base64 데이터 URL 과 HTML·CSS 코드가 바로 만들어져요.
입력한 글과 파일은 서버로 보내지 않고 이 브라우저 안에서만 처리해요.
이미지를 끌어다 놓거나 눌러서 고르세요 (Ctrl+V 붙여 넣기도 돼요)
- 파일 이름
- 형식
- 크기 (픽셀)
- 파일 용량
- Base64 용량
사용 방법
- 이미지 파일을 칸에 끌어다 놓거나 눌러서 고르세요. 화면 캡처는 Ctrl+V 로 바로 붙여 넣어도 돼요.
- 위쪽 단추로 출력 형식을 고르세요. 「데이터 URL」은 src 에 바로 넣는 값, 「Base64 만」은 data: 앞부분을 뺀 값이에요.
- 「HTML <img>」는 가로·세로 크기까지 넣은 태그를, 「CSS background-image」는 스타일 한 줄을 만들어 줘요.
- 「복사」로 가져가거나 「내려받기」로 텍스트 파일로 저장하세요. 이미지는 서버로 올라가지 않아요.
자주 묻는 질문
이미지를 Base64 로 넣으면 어떤 점이 좋은가요?
아이콘처럼 작은 이미지는 파일을 따로 요청하지 않아도 돼서 HTML 한 파일로 주고받거나 메일 서명에 넣기 편합니다. 다만 용량이 약 33% 커지고 브라우저 캐시를 따로 쓰지 못하므로 큰 사진에는 맞지 않습니다.
용량 제한이 있나요?
브라우저 안에서 처리하므로 정해진 제한은 없지만, 수 MB 이상이면 결과 글자가 수백만 자가 되어 복사·편집이 느려질 수 있습니다. 먼저 이미지 압축 도구로 줄이는 것을 권합니다.
Base64 를 다시 이미지로 바꿀 수 있나요?
네. Base64 이미지 변환 도구에 붙여 넣으면 미리 보고 파일로 내려받을 수 있습니다.