이미지를 Base64로 변환

이미지를 Base64로 변환은 이미지 파일을 Base64로 인코딩된 텍스트 문자열로 바꿔 주는 무료 도구입니다.

Base64란 무엇이며 왜 사용하나요?

Base64는 업로드한 이미지의 바이너리 데이터를 텍스트 중심으로 설계된 시스템에서도 전달할 수 있도록 텍스트로 인코딩합니다. 원본 데이터 3바이트마다 정해진 문자 집합의 인쇄 가능한 문자 4개로 표현합니다.

별도의 바이너리 파일을 전달할 수 없는 형식에서 유용합니다. 원래 바이트를 일반적인 바이너리 형태로 첨부하지 않고도 이미지를 데이터 URL, JSON 속성 또는 MIME 이메일 파트에 넣을 수 있습니다. 생성된 Base64 문자열은 암호화된 것이 아니라 인코딩된 것입니다. 문자열을 입수한 사람은 누구나 디코딩할 수 있으므로, 기밀성이나 접근 제어 기능은 제공하지 않습니다.

아주 짧은 텍스트 바이트 예시를 보면 작동 방식을 쉽게 이해할 수 있습니다.

• 입력 텍스트는 <svg></svg>입니다.
• Base64 출력은 PHN2Zz48L3N2Zz4=입니다.

대부분의 이미지는 읽을 수 있는 마크업이 아니라 바이너리 바이트로 구성되므로 실제 입력은 위 텍스트 예시처럼 보이지 않습니다. 하지만 PNG, JPEG, GIF, WebP를 비롯한 다른 이미지 형식에도 같은 원리가 적용됩니다.

이미지를 Base64로 어떻게 변환하나요?

이미지를 도구에 입력하고 변환을 실행한 다음, Base64로 인코딩됨 필드에 반환된 값을 복사하세요. 이 도구는 이미지 데이터에 PHP의 base64_encode 함수를 적용합니다.

1. 텍스트로 표현할 이미지를 선택하세요.
2. 페이지에서 파일 처리를 마치고 인코딩된 값을 반환할 때까지 기다리세요.
3. 끝에 등호가 있다면 이를 포함해 문자열 전체를 복사하세요.
4. 사용할 곳에서 데이터 URL, JSON 값 또는 다른 컨테이너 형식을 요구한다면 필요한 구문을 문자열 앞뒤에 추가하세요.

변환 작업은 서버에서 처리됩니다. 이미지는 HTTPS를 통해 서버로 전송되며 저장되지는 않습니다. 서버 측에서 처리되므로 변환하는 동안 파일이 기기에만 남아 있다고 간주해서는 안 됩니다.

변환된 Base64 문자열은 어떻게 사용하나요?

문자열을 원시 Base64로 사용하거나, 데이터를 받는 시스템에서 요구하는 구문 안에 넣으세요. Base64 자체에는 이미지 형식, 파일명, 크기 또는 사용 목적을 식별하는 정보가 없습니다.

HTML이나 CSS 데이터 URL에서는 일반적으로 미디어 유형과 Base64 표시자 뒤에 인코딩된 값을 붙입니다. PNG 데이터 URL은 data:image/png;base64, 형식으로 시작하며, 바로 뒤에 문자열이 이어집니다. JPEG에는 image/jpeg을 사용하고, SVG에는 일반적으로 image/svg+xml을 사용합니다. 미디어 유형을 잘못 지정하면 이미지 자체가 유효해도 소프트웨어에서 표시하지 못할 수 있습니다.

JSON에서는 대개 Base64를 따옴표로 감싼 문자열로 저장하며, 미디어 유형을 식별하는 별도 필드와 함께 사용하는 경우가 많습니다. API가 원시 Base64를 명시적으로 요구한다면 데이터 URL 접두사를 추가하지 마세요. 두 입력 형식은 서로 바꿔 쓸 수 없으므로 도구가 반환한 값을 사용하기 전에 API 문서를 확인하세요.

실제 시스템에서는 Base64를 어디에 사용하나요?

바이너리 데이터를 텍스트 기반 형식이나 프로토콜로 전달해야 할 때 Base64를 흔히 접하게 됩니다. 대표적인 사례는 다음과 같습니다.

• HTML, CSS 또는 생성된 문서에 삽입하는 데이터 URL
• 텍스트 속성 안에 이미지 콘텐츠를 받는 API로 전송하는 JSON 페이로드
• MIME을 통해 첨부 파일과 인라인 이미지를 Base64로 인코딩할 수 있는 이메일
• 표준 Base64 문자를 추가로 URL 인코딩해야 할 수도 있는 쿼리 문자열
• 임의의 바이너리 바이트를 직접 담을 수 없는 설정 파일과 XML 문서

국제화 도메인 이름도 데이터를 제한된 문자 집합으로 변환하는 사례지만, Base64가 아니라 Punycode를 사용합니다. 표준 Base64에는 더하기 기호, 슬래시, 등호가 포함될 수 있으므로 URL에 넣는 값에는 URL 인코더가 필요할 수도 있습니다.

Base64 디코딩이 실패하거나 이상한 문자가 나오는 이유는 무엇인가요?

복사된 접두사가 입력에 포함됐거나, 입력이 손상 또는 잘렸거나, 디코더가 요구하는 Base64 형식과 맞지 않으면 디코딩에 실패할 수 있습니다. 유효한 바이너리 이미지 데이터를 디코딩한 뒤 일반 텍스트로 잘못 표시하면 의미 없는 문자가 나타나는 경우가 많습니다.

• 복사된 접두사: 디코더가 Base64 데이터만 받도록 되어 있다면 오류가 발생할 수 있습니다. 원시 Base64 디코더를 사용하기 전에 data:image/png;base64, 같은 텍스트를 제거하세요.
• 손상되거나 잘린 입력: 불완전한 이미지로 디코딩되어 이미지 뷰어에서 열리지 않을 수 있습니다.
• 이중 인코딩: 첫 번째 디코딩 후 또 다른 Base64 문자열이 나옵니다. 이미 인코딩된 값을 원본에서 다시 인코딩했다면 두 번째 디코딩이 필요할 수 있습니다.
• 잘못된 문자 집합: 디코더가 다른 변형을 요구하면 오류가 발생할 수 있습니다. Base64url은 표준 Base64에서 더하기 기호와 슬래시를 쓰는 자리에 하이픈과 밑줄을 사용합니다.
• 누락된 패딩: 엄격한 디코더에서는 문제가 될 수 있습니다. 표준 Base64는 끝에 등호가 하나 또는 두 개 붙을 수 있지만, 일부 시스템은 이를 의도적으로 생략합니다.

디코딩 결과가 바이너리 데이터라면 텍스트 편집기로 열지 말고 올바른 이미지 형식으로 저장하세요. 문자열이 완전하고 요구되는 형식을 사용한다면 Base64 디코더나 Base64를 이미지로 변환 도구로 역변환할 수 있습니다.

형식 선택과 처리하기 까다로운 입력

표준 Base64는 이메일, 데이터 URL, 그리고 이를 명시적으로 요구하는 시스템에 적합합니다. URL 경로, 쿼리 매개변수, 토큰에는 데이터를 받는 시스템에서 요구하는 변형을 사용하세요. 해당 사양에서 요구한다면 Base64url이 적합할 수 있습니다. 이 도구는 PHP의 표준 base64_encode 연산을 사용하므로 결과를 Base64url로 간주해서는 안 됩니다.

이 도구는 업로드한 이미지의 바이트를 인코딩합니다. SVG 또는 이미지 메타데이터에 들어 있는 공백, 문장 부호, 숫자, 악센트 문자, 비라틴 문자도 해당 바이트의 일부로 인코딩됩니다. 이런 문자가 포함된 파일명은 파일 콘텐츠와 별개이며 Base64에 자동으로 표현되지 않습니다.

PHP에서 base64_encode는 빈 바이트 문자열에 대해 빈 값을 반환합니다. 파일이 길수록 문자열도 길어지며, Base64는 주변의 JSON 또는 데이터 URL 구문을 제외하고도 원래 바이트 수를 약 3분의 1만큼 늘립니다. 이미지를 압축하거나 화질을 높이거나 픽셀 크기를 변경하지는 않습니다.

자주 묻는 질문

Base64 이미지를 CSS에 바로 넣을 수 있나요?

네. 이미지 URL을 받는 CSS 속성에는 올바른 형식의 데이터 URL을 사용할 수 있습니다. 작고 독립적인 리소스에 적합하지만, 큰 이미지를 삽입하면 스타일시트의 크기가 커지고 CSS 파일과 별도로 캐시할 수 없습니다.

Base64 문자열에 줄바꿈이 들어가는 이유는 무엇인가요?

PHP의 base64_encode는 줄바꿈을 삽입하지 않으므로 이 도구는 끊기지 않은 값을 반환합니다. 줄바꿈이 있다면 이후 다른 곳에서 복사하거나 처리하는 과정에서 생긴 것입니다. 많은 디코더는 공백 문자를 무시하지만 엄격한 API는 이를 거부할 수 있으므로, 데이터를 받는 쪽의 사양에서 요구한다면 줄바꿈 없는 문자열을 사용하세요.

이미지 파일명을 바꾸면 Base64 값도 달라지나요?

아니요. Base64는 파일명이 아니라 파일의 바이트를 표현합니다. 따라서 파일 내용이 그대로라면 이름을 바꿔도 인코딩 결과는 달라지지 않습니다. 다만 메타데이터를 수정하거나 이미지를 다시 저장하거나 형식을 변환하면 바이트가 바뀌므로 다른 문자열이 생성됩니다.

Base64로 비공개 이미지를 보호할 수 있나요?

아니요. Base64는 비밀번호나 비밀 키 없이도 되돌릴 수 있습니다. 기밀 자료에는 적절한 암호화, 인증, 접근 제어를 적용하세요. 또한 이 도구는 처리를 위해 이미지를 HTTPS를 통해 서버로 전송한다는 점을 기억하세요.

이미지가 제대로 변환됐는지 어떻게 확인하나요?

전체 문자열을 디코딩한 뒤 원본 형식을 지원하는 이미지 뷰어로 결과를 여세요. 이미지 크기와 표시되는 내용이 원본과 일치하는지 확인하고, 데이터를 받는 곳에서 명시적으로 제거하도록 요구하지 않는 한 끝의 패딩 문자를 유지하세요.