Base64 → WebP 변환기
Base64에서 원본 WebP를 복원하고 미리 본 뒤 다운로드하세요.
재압축 없음
원본 화질, 투명도, 애니메이션 프레임을 유지합니다.
데이터 URI 또는 Base64
image/webp 접두사를 포함하거나 Base64만 복사할 수 있습니다.
브라우저에서 처리
이미지 데이터가 서버로 전송되지 않습니다.
기술 정보
Base64 문자열
- >data:image/webp;base64,…
- >Base64 / Base64URL
활용 예
- >HTML / CSS
- >JSON / API
작동 방식
데이터 URI 접두사를 제거하고 Base64를 디코딩한 다음 WebP 파일 시그니처를 확인합니다. 다른 이미지 형식을 WebP로 변환하지는 않습니다.
예제:
data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA
데이터를 전송하지 않고 브라우저에서 처리합니다.
- >원본 화질, 투명도, 애니메이션 프레임을 유지합니다.
- >이미지 데이터가 서버로 전송되지 않습니다.
작동 방식
디코딩
WebP 이미지의 Base64 문자열이나 데이터 URI를 붙여넣으세요.
다운로드
Base64에서 원본 WebP를 복원하고 미리 본 뒤 다운로드하세요.
예제
JavaScript
const base64 = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const file = new Blob([bytes], { type: 'image/webp' });데이터 URI 접두사를 제거하고 Base64를 디코딩한 다음 WebP 파일 시그니처를 확인합니다. 다른 이미지 형식을 WebP로 변환하지는 않습니다.
자주 묻는 질문
데이터 URI 전체를 붙여넣어도 되나요?
네. data:image/webp;base64,…와 접두사 없는 Base64를 모두 지원합니다. 공백, 줄바꿈, Base64URL도 처리합니다.
PNG나 JPG를 WebP로 바꿀 수 있나요?
아니요. 원본 WebP를 복원하는 도구입니다. 형식을 모르면 Base64 이미지 디코더를 사용하세요.
미리보기가 나오지 않아요.
문자열이 끝까지 복사되었는지, 올바른 WebP인지 확인하세요. 애니메이션 재생은 브라우저 지원에 따라 달라집니다.
데이터가 서버로 전송되나요?
아니요. 모든 처리는 브라우저에서 이루어집니다.
다른 언어
참고 자료
결과의 정확성을 확인하는 방법
아래 자동화 테스트로 이 도구를 검증합니다. 테스트 예시의 이름은 원문으로 표시합니다.
- Verification method
- Compare decoded bytes for standard, URL-safe, unpadded and Data URI inputs and verify signatures override false MIME labels.
- Comparison reference
- Explicit binary fixtures, file signatures and byte assertions.
- Verification scope
- This checks bytes and format detection, not successful browser decoding of every image.
Test source and cases (select a file to read it)
-
base64-image.test.js
- image decoding preserves bytes for raw, wrapped, URL-safe and unpadded Base64
- file signatures determine the actual format even when the data URI lies
테스트는 표시된 예시와 경계 조건을 다루며 모든 입력을 증명하지는 않습니다. 왕복 변환이나 같은 라이브러리를 사용하는 검사는 독립적인 검증이 아닙니다.