이미지 → Base64 변환기

브라우저에서 이미지를 Base64 문자열 또는 데이터 URI로 변환하고, Base64를 다시 볼 수 있는 이미지로 디코딩합니다.

또는 파일을 여기에 끌어다 놓으세요 PNG, JPEG, GIF, WebP, SVG 등 지원. 아무것도 업로드되지 않습니다.

이용 방법

Base64는 바이너리 이미지 데이터를 일반 텍스트로 변환하여 별도의 파일로 링크하는 대신 HTML, CSS 또는 JSON에 직접 포함할 수 있게 합니다. 데이터 URI는 형식을 식별하는 짧은 접두사를 추가하므로 브라우저가 별도 요청 없이 렌더링할 수 있습니다.

이미지 놓기 또는 선택
PNG, JPEG, GIF, WebP, SVG 및 브라우저에서 표시할 수 있는 대부분의 형식입니다.
데이터 URI 또는 원시 Base64 선택
데이터 URI를 img src 또는 CSS background-image로 직접 사용하고, 자체 코드에서 접두사를 추가할 때는 원시 Base64를 사용하세요.
복사 또는 디코딩 전환
다른 탭에 Base64 문자열이나 데이터 URI를 붙여넣어 미리보기하고 이미지로 다운로드하세요.

Base64 이미지 사용 시기

인라인 Base64 이미지는 아이콘이나 로고 같은 작은 이미지에 대한 HTTP 요청을 제거하여 특정 상황에서 도움이 될 수 있습니다. Base64 인코딩은 데이터 크기를 약 33% 증가시키고, 포함된 HTML, CSS 또는 JSON 파일의 크기를 키우며, 브라우저의 일반 이미지 캐시를 우회하고, 링크된 파일보다 업데이트가 어렵습니다. 대부분의 사이트에서는 인라인으로 사용하는 대략 2 KB 이하의 작은 이미지에만 사용하는 것이 좋습니다.

기기 밖으로 전송되는 데이터 없음

브라우저의 File API로 이미지를 읽으며 JavaScript만으로 인코딩이 완료됩니다. 파일 데이터가 서버로 전송되지 않으므로 스크린샷, 디자인 에셋 또는 업로드하고 싶지 않은 다른 이미지에도 안전하게 사용할 수 있습니다.

자주 묻는 질문

HTML이나 CSS에 삽입할 수 있도록 이미지를 Base64 데이터 URI로 변환하려면 어떻게 하나요?

업로드 영역에 이미지를 드래그 앤 드롭하거나 이미지 선택을 클릭하여 파일을 선택하세요. 이 도구는 로컬에서 이미지를 읽어 Base64로 인코딩한 후, 선택한 출력 형식에 따라 전체 data URI(data:image/png;base64,...) 또는 원시 Base64를 표시합니다. data URI를 img 태그의 src 속성이나 CSS background-image 속성에 바로 사용하세요.

Base64 변환 중에 이미지가 서버로 업로드되나요?

아닙니다. 브라우저의 File API를 사용하여 이미지를 읽고 기기 내 JavaScript만으로 인코딩합니다. 파일 데이터가 어떤 서버로도 전송되지 않습니다. 따라서 개인정보 유출 걱정 없이 스크린샷, 디자인 에셋, 아이콘 등 다양한 이미지 파일을 안전하게 변환할 수 있습니다.

외부 이미지 파일 대신 Base64로 인코딩된 이미지를 사용하는 것이 적절한 경우는 언제인가요?

아이콘, 로고, 데이터 URI 플레이스홀더와 같은 작은 이미지에 인라인 Base64를 사용하면 HTTP 요청을 줄여 특정 상황에서 페이지 로드 시간을 단축할 수 있습니다. 하지만 Base64 인코딩은 이미지 크기를 약 33% 증가시키고 HTML 또는 CSS 파일 용량을 늘리며, 브라우저의 이미지 캐싱을 우회하고 업데이트도 더 어렵게 만듭니다. 일반적으로는 약 2 KB 미만의 매우 작은 이미지에만 인라인 Base64 사용을 권장합니다.

Base64 문자열을 다시 볼 수 있는 이미지로 디코딩하려면 어떻게 하나요?

Base64에서 이미지 탭으로 전환하여 data URI 접두사 포함 여부와 상관없이 Base64 문자열을 붙여넣고 이미지로 디코딩을 클릭하세요. 도구가 디코딩하여 미리보기를 렌더링합니다. 그런 다음 이미지를 확인하거나 다운로드할 수 있습니다. 문자열이 잘리거나 손상된 경우 미리보기 렌더링에 실패하며 도구에서 이를 알립니다.

이 Base64 변환기는 어떤 이미지 형식을 지원하나요?

변환기는 브라우저가 표시할 수 있는 모든 이미지 형식을 허용하며, 일반적으로 PNG, JPEG, GIF, WebP, SVG, AVIF 및 ICO가 포함됩니다. 파일 선택기 필터는 image/*로 설정되어 있으므로 비이미지 파일은 기본적으로 제외됩니다. 출력 데이터 URI는 감지된 파일 유형에 따라 올바른 MIME 유형을 포함합니다.