이미지 Base64 변환기

언제 사용하나요?

작은 아이콘이나 테스트 이미지를 HTML, CSS, JSON 안에 임시로 넣어야 할 때 사용합니다.

사용 방법

• 이미지를 선택합니다.
• 생성된 Data URL을 확인합니다.
• 필요하면 문자열을 복사합니다.

입력값 안내

Base64 텍스트로 변환할 작은 사이즈의 이미지 파일을 선택합니다.

계산·변환 기준

파일의 바이너리 데이터를 ASCII 문자열 형태(Base64)로 인코딩하여 "data:image/png;base64,..." 와 같은 Data URL 포맷으로 반환합니다.

사용 예시

• 임베드 이미지 생성 - 작은 이미지의 Data URL을 만듭니다.
• 업로드 전 이미지 준비 - 작업 결과를 미리 확인한 뒤 블로그, 쇼핑몰, SNS에 올릴 이미지 파일을 정리합니다.
• 작업 결과 비교 - 원본과 결과 이미지를 나란히 확인하며 품질과 용량, 표시 상태를 점검합니다.

예시

• 1KB 크기의 아이콘 이미지 → 약 1.33KB 길이의 Base64 문자열로 변환 (HTML/CSS에 직접 삽입 가능)
• 24×24 아이콘 → CSS에 인라인으로 넣을 Data URL 생성

주의사항

• Base64는 원본보다 약 33% 커지므로 큰 이미지에는 적합하지 않습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

원본 파일이 업로드되나요?

아니요. FileReader가 로컬 파일을 브라우저 메모리에서 읽습니다.

변환할 이미지가 서버로 전송되나요?

아니요. FileReader가 로컬 파일을 브라우저 메모리에서 읽어 변환하므로 이미지가 외부로 나가지 않습니다.

어떤 이미지에 쓰는 게 좋나요?

용량이 약 33% 늘기 때문에 작은 아이콘이나 테스트 이미지에 적합하고, 큰 사진은 일반 파일로 두는 편이 좋습니다.

Base64로 바꾸면 용량이 커지나요?

Base64 인코딩은 원본보다 약 33% 정도 길어집니다. 작은 아이콘에는 적합하지만 큰 이미지는 일반 파일로 두는 편이 좋습니다.

관련 도구

• Base64 → 이미지 미리보기 - Data URL 형식의 Base64 문자열을 이미지로 즉시 미리봅니다.
• Base64 변환기 - 텍스트를 Base64로 인코딩하거나 Base64 문자열을 원래 텍스트로 디코딩합니다.
• 이미지 포맷 변환기 - PNG, JPG, WebP 이미지를 브라우저에서 서로 변환합니다.
• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 크롭 - 픽셀 좌표를 입력해 이미지의 필요한 영역만 브라우저에서 잘라냅니다.
• 이미지 회전/뒤집기 - 이미지를 90도 단위로 회전하거나 좌우·상하로 뒤집습니다.