이미지 to Base64 변환기 - Data URI로 인코딩

이미지를 Base64 data URI로 인코딩. HTML img 태그, CSS url(), Markdown, 원시 문자열로 복사.

이미지 to Base64 변환 기능

각 이미지를 브라우저에 로드하고 FileReader.readAsDataURL로 인코딩합니다. data:image/png;base64, 로 시작하는 문자열을 반환합니다.

이미지를 Base64로 인코딩하는 이유

Data URI는 이미지를 텍스트로 변환하여 별도 파일과 HTTP 요청을 없앱니다.

작은 아이콘을 HTML 또는 CSS에 직접 인라인
단일 자체 포함 파일로 이미지 전송
JSON, YAML 또는 데이터베이스 열에 이미지 데이터 포함
바이너리 파일 커밋 없이 버그 재현 및 테스트 작성

이미지를 Base64로 변환하는 방법

4단계, 모두 로컬. 파일이 브라우저에서 읽힙니다.

1

하나 이상의 이미지 드롭

2

인코딩된 크기와 오버헤드 확인

3

출력 형식 선택

4

클립보드에 복사하거나 .txt로 다운로드

자주 묻는 질문

Base64는 압축이 아닌 인코딩이기 때문입니다. 3바이트의 바이너리를 4개의 ASCII 문자로 표현하므로 출력이 항상 입력보다 약 33% 더 깁니다.
에셋이 작고 항상 필요한 경우 인라인: 아이콘, 1x1 스페이서, 작은 배경 텍스처, 약 10KB 미만. 10KB 이상의 리소스는 인라인하지 마세요.
일반적으로 작동하지 않습니다. Gmail은 img 태그에서 data URI를 직접 제거하며 Outlook 데스크톱 클라이언트는 신뢰할 수 있게 지원하지 않습니다.
네, 무손실입니다. 디코딩된 바이트는 EXIF 및 컬러 프로필 데이터를 포함하여 원본 파일과 동일합니다.
아닙니다. SVG는 이미 텍스트이므로 Base64가 33%를 불필요하게 추가합니다. 마크업을 직접 HTML에 붙여넣으세요.
HTML 또는 CSS 사양에 제한은 없으며 최신 브라우저는 src 속성에서 수 MB의 data URI를 처리할 수 있습니다. URL 표시줄은 일반적으로 약 2MB에서 잘립니다.
아닙니다. 파일이 브라우저의 FileReader API로 읽히고 결과 문자열이 페이지 메모리에 유지됩니다.
모든 브라우저가 이미지의 data URI를 지원합니다. img src 및 CSS url()의 data URI는 IE8부터 사용 가능했으며 현재 보편적으로 지원됩니다.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요

이미지 압축

크기 줄이기

크기 조절

치수 변경

이미지 자르기

영역 자르기

형식 변환

형식 변경

사진 편집기

사진 편집

이미지 회전

이미지 회전

이미지 뒤집기

수평/수직 뒤집기

워터마크 추가

워터마크

테두리 추가

이미지 테두리 추가

둥근 모서리

둥근 모서리 추가

필터

밝기/대비

얼굴 흐리게

얼굴 숨기기

모자이크

영역 흐림

배경 제거

배경 제거

이미지 향상

AI 업스케일

텍스트 추가

이미지에 텍스트 추가

콜라주

여러 이미지 결합

HTML을 이미지로

웹을 이미지로

GIF를 시퀀스로

프레임 추출

이미지 여백 제거

빈 가장자리 제거

이미지 일괄 이름 변경

파일 이름을 안전하게 한꺼번에 변경

원형 자르기

이미지를 원형으로 자르기

흑백

이미지를 흑백으로 변환

이미지 분할

이미지를 그리드로 자르기

이미지 병합

이미지를 하나로 결합

DPI 변경

이미지 DPI 메타데이터 설정

이미지를 PDF로

이미지를 하나의 PDF로 합치기

HEIC을 JPG로 변환

아이폰 HEIC 사진을 JPG로 변환

EXIF 제거기

GPS 위치를 포함한 사진 속 숨겨진 메타데이터 확인 및 삭제

파비콘 생성기

전체 아이콘 세트와 HTML 제공

색상 팔레트

이미지에서 색상 추출하기

Base64를 이미지로

Base64를 다시 이미지로 디코딩

HEIC를 PNG로

아이폰 HEIC 사진을 무손실 PNG로 변환

이미지 뒤 텍스트

사진 속 피사체 뒤에 텍스트를 넣습니다. 전부 브라우저에서 처리됩니다

컬러 피커

원하는 픽셀의 HEX, RGB, HSL 값 확인

서명 만들기

서명을 그려서 투명 PNG로 다운로드

서명 배경 제거

종이에서 잉크만 남겨 투명하게

투명 배경 만들기

배경을 투명하게 만들기