모든 이미지를 Base64 데이터 URI로 인코딩
도구에 이미지를 놓으면 즉시 Base64로 인코딩된 문자열을 얻을 수 있습니다. 이미지를 별도로 호스팅하지 않고 출력을 HTML, CSS 또는 JSON의 데이터 URI로 사용합니다. 이 도구는 인코딩된 길이, MIME 유형 및 실시간 미리보기를 표시하므로 복사하기 전에 결과를 확인할 수 있습니다.
이 도구를 무료로 사용하세요Browser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
사용방법
이미지 업로드
JPEG, PNG, WebP, GIF 또는 SVG 파일을 도구로 드래그합니다. 이미지는 로컬에서 읽혀지며 장치 외부로 나가지 않습니다.
출력 검토
이 도구는 Base64 문자열, 데이터 URI 및 디코딩된 이미지의 실시간 미리 보기를 표시하므로 일치하는지 확인할 수 있습니다.
복사 또는 다운로드
데이터 URI 문자열을 복사하거나 일반 텍스트 파일로 다운로드하려면 클릭하세요. 바로 붙여넣을 수 있는 코드를 보려면 HTML 또는 CSS 스니펫 버튼을 사용하세요.
특징
다양한 형식 지원
JPEG, PNG, WebP, GIF 및 SVG 파일을 인코딩합니다. 올바른 MIME 유형이 자동으로 감지되어 데이터 URI 접두사에 포함됩니다.
원클릭 복사
한 번의 클릭으로 원시 Base64 문자열 또는 전체 데이터 URI를 복사합니다. 확인 토스트를 통해 텍스트가 클립보드에 있음을 알 수 있습니다.
출력 통계
원본 파일 크기, 인코딩된 문자열 길이 및 인코딩 오버헤드 비율을 확인하세요. 이는 이미지 인라인이 절충할만한 가치가 있는지 결정하는 데 도움이 됩니다.
CSS 및 HTML 스니펫
HTML img 태그 및 CSS 배경 이미지 규칙에 대해 바로 붙여넣을 수 있는 코드 조각을 받으세요. 코드 조각을 복사하여 코드베이스에 직접 놓습니다.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance명세서
| 입력 형식 | JPEG, PNG, WebP, GIF, SVG |
| 산출 | Base64 문자열/데이터 URI |
| 최대 파일 크기 | 10MB |
| MIME 감지 | 오토매틱 |
| 스니펫 형식 | HTML img, CSS 배경 |
| 처리 | 클라이언트측(업로드 없음) |
Related Magic Eraser Tools
일반적인 질문
일반 이미지 파일 대신 언제 Base64를 사용해야 합니까?
+
Base64 인라이닝은 아이콘, 1x1 추적 픽셀 또는 추가 HTTP 요청 저장이 Base64 인코딩으로 인해 추가되는 약 33% 크기 증가보다 더 중요한 작은 UI 요소와 같은 매우 작은 이미지에 가장 유용합니다.
Base64 인코딩으로 인해 이미지 품질이 저하되나요?
+
아니요. Base64는 바이너리 파일 데이터의 무손실 인코딩입니다. 디코딩된 이미지는 원본과 바이트 단위로 동일합니다. 유일한 절충안은 더 큰 텍스트 페이로드입니다.
인코딩할 수 있는 최대 파일 크기가 있나요?
+
이 도구는 최대 10MB의 파일을 허용합니다. 이미지가 클수록 인라인에 적합하지 않을 수 있는 매우 긴 문자열이 생성됩니다. 큰 이미지의 경우 파일을 호스팅하고 URL로 연결하는 것이 거의 항상 더 나은 접근 방식입니다.
더 작은 소스 이미지가 필요합니까?
AI Enhance는 이미지를 인코딩하기 전에 이미지를 압축하고 최적화할 수 있습니다. 소스 파일이 작을수록 더 짧은 Base64 문자열이 생성되어 페이지 무게가 줄어듭니다.
무료로 사용해 보세요More free tools
Explore our other limited free edits after sign-in photo and image tools.
여러 색상 정지점을 사용하여 선형, 방사형 및 원뿔형 그래디언트를 디자인합니다. CSS 코드를 복사하거나 PNG 이미지로 다운로드하세요.
HEX, RGB, HSL, HSB, CMYK 및 CSS 명명된 형식 간에 색상을 변환합니다. 실시간 미리보기를 보고, 값을 복사하고, 컬러 카드를 내보냅니다.
HEX 색상 코드를 RGB 값으로 변환하거나 그 반대로 변환합니다. 실시간 미리보기, 원클릭 복사, CSS 스니펫 출력. 브라우저에서 작동합니다.
업로드된 이미지에서 색상을 선택하고 HEX, RGB 및 HSL 코드를 즉시 가져옵니다. 웹 디자인, 브랜딩 및 일러스트레이션을 위해 사진으로 팔레트를 만듭니다.
사진을 업로드하고 HEX, RGB, HSL 코드를 사용하여 5~10가지 주요 색상을 추출하세요. 견본을 복사하고 ASE 또는 CSS 변수로 내보냅니다.
URL, 텍스트, WiFi 자격 증명 및 vCard에 대한 QR 코드를 생성합니다. 색상을 사용자 정의하고, 중앙 로고를 추가하고, PNG 또는 SVG로 다운로드하세요.