이미지에서 Base64
하나의 이미지를 로컬에서 HTML, CSS, JSON 또는 텍스트 파일로 복사할 수 있는 Base64 데이터 URI로 변환합니다.
업로드하려면 여기에서 이미지 파일을 클릭하거나 드래그하세요.
이미지 1개 · 최대 2MB작은 이미지를 데이터로 변환 URI
이미지에서 Base64는 브라우저에서 이미지 하나를 읽고 완전한 data: URI를 반환합니다. 별도의 이미지 파일을 쓰기 어려운 경우 HTML, CSS, JSON 또는 기타 일반 텍스트 컨텍스트에 붙여 넣을 수 있습니다.
Base64는 압축이 아닙니다. 일반적으로 인코딩된 데이터는 약 33%에 data:image/png;base64,와 같은 MIME 접두사를 추가하여 증가합니다. 큰 사진보다는 작은 아이콘, 자리 표시자, 독립된 스니펫용으로 보관하세요.
파일은 로컬에서 읽혀지며 예측 가능한 성능을 위해 최대 2MB의 이미지 하나로 제한됩니다. 내장된 데이터 URI는 별도의 요청을 피할 수 있지만 HTML/CSS를 캐시하고 편집하기 어렵게 만듭니다.
사용방법
- 이미지 파일을 업로드 영역으로 끌어다 놓거나 클릭하여 선택하세요.
- Base64로 인코딩된 데이터 URI가 아래 텍스트 편집기에 나타납니다.
- 결과를 복사하려면 복사를 사용하고, 텍스트 파일로 다운로드하려면 저장를 사용하세요.
Base64 이미지는 언제 사용해야 합니까?
Image Base64는 단일 HTML, CSS, JSON 또는 텍스트 파일 내에서 이동해야 하는 작은 자산에 유용합니다.
브라우저가 별도로 캐시할 수 있도록 더 큰 자산에는 일반 이미지 파일을 사용하십시오. Base64는 데이터를 확장하고 모든 이미지 메타데이터를 인코딩된 바이트 내에 유지하므로 삽입하기 전에 크기와 개인 정보 보호를 확인하세요.
Python으로 변환
프로그래밍 방식 변환은 이미지 바이트를 읽고 Base64로 인코딩한 다음 올바른 데이터 URI 접두사를 추가합니다.
import base64
from PIL import Image
with open('image.png', 'rb') as f:
encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()
MCP 통합
MCP(Model Context Protocol)를 통해 AI 에이전트와 앱은 Coding.Tools 유틸리티를 발견하고 반복 가능한 변환, 포맷팅, 해시, 생성 워크플로에서 실행할 수 있습니다.
MCP 도구 이름: image-to-base64
MCP 엔드포인트: https://coding.tools/mcp
먼저 tools/list를 호출하세요. 각 도구 항목에는 inputSchema, outputSchema, examples가 포함되어 AI 에이전트나 클라이언트가 추측 없이 유효한 인수를 만들 수 있습니다.
tools/call에서는 표시용 값은 result.content[0].text에서, 기계 파싱용 값은 result.structuredContent에서 읽으세요. 도구 수준 실패는 isError: true를 반환하고, 프로토콜 수준 실패는 JSON-RPC error를 반환합니다.
tools/call 요청 예시:
curl -s https://coding.tools/mcp \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-H "MCP-Protocol-Version: 2025-06-18" \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-to-base64","arguments":{"input":{"url":"https://coding.tools/assets/img/photo2pixel-demo.png"}}}}'
image-to-base64에는 공개 이미지 URL을 input.url로 전달하세요. 비공개 로컬 파일은 웹 UI를 사용하거나 파일 바이트를 Base64로 변환한 뒤 options.mimeType으로 이미지 형식을 지정하세요.
대부분의 텍스트 및 데이터 도구는 input 문자열과 선택적 options를 받습니다. 브라우저 이미지 API가 필요한 이미지 도구는 검색 대상으로 제공되며, 브라우저 기능이 필요할 때 웹 UI 링크를 반환합니다.