Base64를 JPG로 변환

Base64를 JPG로 변환하는 방법

Data URL prefix를 수동으로 제거하거나 먼저 이미지 파일을 만들 필요가 없습니다. Base64 이미지 데이터를 붙여넣으면 브라우저에서 검증, 디코딩 및 인코딩합니다.

1. Base64 이미지 데이터 붙여넣기 원시 Base64 문자열 또는 data:image/png;base64,..., data:image/jpeg;base64,...와 같은 이미지 Data URL을 입력합니다. Base64 payload의 공백은 디코딩 전에 정규화됩니다.
2. 변환 시작 JPG로 변환을 선택합니다. Base64 구조와 디코딩 크기 제한을 검사하고 바이너리 바이트를 디코딩한 뒤 JPEG, PNG, WebP 또는 GIF 시그니처로 시작하는지 확인합니다.
3. 디코딩된 이미지 확인 브라우저가 이미지를 디코딩할 수 있으면 CyberTools가 감지된 원본 형식, 픽셀 크기, 디코딩된 바이트 크기를 표시합니다. 40메가픽셀 안전 제한을 초과하는 이미지는 거부됩니다.
4. JPG 생성 브라우저가 디코딩된 이미지를 흰색 Canvas에 그리고 고정 90% 인코더 설정으로 JPEG를 생성합니다. 결과를 승인하기 전에 MIME type과 JPEG 시그니처를 확인합니다.
5. 미리보기 및 다운로드 생성된 JPG와 출력 크기를 확인한 뒤 파일을 다운로드합니다. 다운로드 파일은 .jpg 확장자와 image/jpeg 형식을 사용합니다.

원시 Base64와 Base64 Data URL

Base64 이미지 데이터는 일반적으로 두 가지 형태로 나타납니다. 디코딩된 바이트가 지원되는 이미지를 포함하면 두 형식 모두 사용할 수 있습니다.

data:image/jpeg;base64는 무엇을 의미하나요?

data:image/jpeg;base64,로 시작하는 문자열은 Data URL입니다. data: scheme은 콘텐츠가 URL과 유사한 문자열에 직접 포함되었음을 나타내고, image/jpeg는 media type을 선언하며, base64는 뒤의 payload가 Base64로 인코딩되었음을 나타냅니다.

CyberTools는 이 레이블만 신뢰하지 않습니다. Base64를 디코딩한 후 이미지의 바이너리 시그니처를 검사합니다. Data URL이 image/jpeg라고 표시하더라도 실제 디코딩 바이트가 PNG일 수 있습니다. 이 경우 바이너리 내용으로 원본 형식을 판별합니다.

따라서 MIME 선언은 Data URL을 설명하지만, 디코딩된 바이트가 변환기가 처리하는 실제 지원 이미지 형식에 대해 더 강한 근거를 제공합니다.

지원되는 Base64 이미지 형식

Base64는 이미지 형식이 아니라 인코딩 방식입니다. 디코딩된 Base64 바이트는 변환기가 인식하고 브라우저가 디코딩할 수 있는 이미지를 나타내야 합니다.

Base64 JPG 변환 작동 방식

Base64는 출력 가능한 문자로 바이너리 데이터를 표현합니다. 따라서 Base64를 JPG로 변환하는 것은 파일 확장자만 변경하는 작업이 아닙니다. 먼저 Base64 텍스트를 정규화하고 다시 바이트로 디코딩해야 합니다.

CyberTools는 디코딩된 바이트에서 지원되는 이미지 시그니처를 확인합니다. 감지된 이미지 MIME type으로 브라우저 Blob을 만들고 브라우저 이미지 디코더에 전달합니다. 디코딩이 성공하면 원래 너비와 높이로 HTML Canvas에 이미지를 그립니다.

원본 이미지를 그리기 전에 Canvas를 흰색으로 채웁니다. 이렇게 하면 투명 및 반투명 픽셀에 명확한 불투명 배경이 생깁니다. 그런 다음 고정 90% 브라우저 인코더 설정으로 Canvas를 image/jpeg로 인코딩합니다.

마지막으로 생성된 Blob이 image/jpeg를 보고하고 JPEG FF D8 FF 시그니처로 시작하는지 확인합니다. 이 검증을 통과한 후에만 JPG 미리보기와 다운로드가 제공됩니다.

Base64와 JPG의 차이점

Base64와 JPG는 서로 다른 데이터 계층을 설명합니다. Base64는 바이너리 바이트를 위한 텍스트 인코딩이고 JPEG는 이미지 형식입니다.

투명 영역은 어떻게 되나요?

JPEG는 alpha transparency를 지원하지 않습니다. 디코딩된 Base64 이미지에 투명 또는 반투명 픽셀이 있으면 CyberTools가 JPEG 인코딩 전에 흰색 배경에 합성합니다.

이는 투명도 평탄화이며 배경 제거가 아닙니다. 변환기는 피사체를 인식하거나 배경을 삭제하지 않습니다. 따라서 투명 PNG 또는 WebP는 투명 영역이 흰색으로 바뀐 불투명 JPG가 됩니다.

웹 개발에서의 Base64 이미지

Base64 이미지 문자열은 Data URL, API 응답, JSON payload, 내보낸 애플리케이션 데이터, HTML, CSS, 개발 및 디버깅 작업에서 자주 사용됩니다. Base64 디코딩은 기본 바이너리 데이터를 복원합니다.

디코딩된 이미지를 JPG로 변환하는 것은 별도의 단계입니다. CyberTools는 Base64를 디코딩하고 지원 이미지 시그니처를 확인한 뒤 브라우저가 이미지를 디코딩하도록 하고, 디코딩된 픽셀에서 새 JPEG를 만듭니다.

인코딩된 원본 바이너리 파일을 정확히 그대로 필요로 한다면 JPEG 재인코딩은 적합하지 않을 수 있습니다. JPEG 변환은 손실 방식이며 투명도와 metadata도 제거할 수 있습니다.

Base64 JPG 변환이 유용한 경우