사용방법
- 파일 → Base64를 선택하고 파일을 드래그하거나 클릭하여 선택하세요.
- Base64 출력 결과 또는 CSS background 코드를 복사하세요.
- Base64 → 파일로 전환하여 문자열을 붙여넣고 복원된 파일을 다운로드하세요.
핵심 기능
- 파일을 Base64로 변환: 드래그 앤 드롭 업로드로 Data URL을 자동 생성합니다.
- Base64를 파일로 복원: 문자열을 붙여넣어 복원하고 다운로드할 수 있습니다.
- WebP 지원: 최신 이미지 형식을 지원하여 프론트엔드 최적화에 적합합니다.
- 일괄 처리: 한 번에 여러 파일을 처리하고 개별적으로 복사할 수 있습니다.
- CSS 생성: 원클릭으로
background-image: url('data:...')코드를 복사할 수 있습니다. - 개인정보 보호: 오프라인으로 처리되며 파일이나 텍스트를 서버에 업로드하지 않습니다.
관련 도구
브라우저 로컬에서 Base64 또는 Data URI를 이미지로 복원하여 즉시 미리 보고 원본 형식, PNG, JPG 또는 WebP로 다운로드하세요.
무료 온라인 이미지 Base64 변환 도구. PNG, JPG, SVG, WebP, GIF 이미지를 드래그하여 CSS 배경 및 HTML img 태그용 Data URI를 생성하세요. 브라우저 로컬에서 처리되므로 업로드가 필요 없습니다.
안전한 JSON 포매터: 브라우저 로컬에서 JSON을 포맷팅, 유효성 검사 및 수정하세요. 압축, 에러 강조, TypeScript/Zod 자동 생성, XML 변환 등 모든 기능이 안전하게 처리됩니다.
API JSON을 위한 무료 JSONPath 테스터 및 평가 도구입니다. 실시간으로 매칭되는 노드를 추출하고 경로를 확인하세요. 파싱과 쿼리는 모두 브라우저에서 안전하게 로컬로 실행됩니다.
브라우저 로컬에서 JSON 객체 또는 배열을 CSV로 변환합니다. 중첩된 필드를 평면화하고, 결과를 미리 본 후 데이터 업로드 없이 복사하거나 다운로드하세요.
브라우저 로컬에서 CSV 텍스트나 파일을 JSON 배열로 실시간 변환하세요. 헤더, 쉼표/세미콜론/탭 구분자, 파일 드래그 앤 드롭, 복사 및 다운로드를 지원하며 데이터가 업로드되지 않습니다.
브라우저 로컬 환경에서 두 JSON 문서를 비교하세요. 객체의 키를 정렬하여 시맨틱 비교(Semantic Diff)를 수행하며, 키 순서로 인한 노이즈를 방지하고 추가, 삭제, 수정된 필드를 시각적으로 표시합니다. 데이터는 업로드되지 않습니다.
서식이 지정된 JSON을 한 줄로 압축하고, 들여쓰기와 줄바꿈을 제거합니다. 원본 크기, 압축 크기, 절약된 바이트 및 절약 비율을 실시간으로 비교하세요.
계산 논리
- Data URL 구조는 일반적으로
data:[<mediatype>][;base64],<data>형식입니다. - 파일 읽기는
FileReader를 사용하여 비동기적으로 실행되어 UI 차단을 방지합니다. - MIME 타입은 올바른 Data URL 접두사 및 다운로드 확장자를 생성하는 데 사용됩니다.
FAQ
- 이 도구는 무료인가요?
- 네, 무료입니다.
- 데이터는 안전한가요? 파일을 업로드하나요?
- 아니요. 인코딩 및 디코딩은 브라우저 로컬에서 완료됩니다.
- CSS에서 Base64 이미지를 어떻게 사용하나요?
- 이미지를 업로드한 후 "CSS background 복사"를 클릭하면 바로 붙여넣을 수 있는 스타일 코드를 얻을 수 있습니다.
- Base64로 변환하면 용량이 왜 커지나요? (기술적 원리)
- Base64는 3바이트를 4개의 문자로 표현하므로 일반적으로 약 33%의 용량 증가가 발생합니다. 따라서 작은 리소스나 인라인 방식에 적합합니다.
- WebP를 Base64로 변환할 수 있나요?
- 네, WebP 등 최신 형식을 완벽하게 지원합니다.