Markdown 이미지 Base64 삽입 도구

Markdown 이미지 Base64 삽입 도구

Markdown에서 이미지를 다룰 때 로컬 이미지 경로 설정이나 파일 관리에 어려움을 겪은 적이 있으신가요? 이 도구에서는 에디터에 이미지를 드래그 앤 드롭하거나 붙여넣기만 하면 Base64 데이터로 변환하여 Markdown 텍스트에 직접 삽입할 수 있습니다. 이미지 파일을 별도로 관리할 필요가 없고, 상대 경로의 링크 깨짐도 발생하지 않습니다. 브라우저만으로 사용할 수 있으며, 이미지 데이터가 서버에 전송되지 않기 때문에 사내 자료나 설계서 등 기밀이 필요한 문서에도 안심하고 사용할 수 있습니다.

사용 방법
STEP1

Markdown 텍스트 입력

에디터 영역에 Markdown 형식으로 텍스트를 입력하거나 기존 내용을 붙여넣습니다.

STEP2

이미지 드래그 앤 드롭 또는 붙여넣기

삽입할 위치에 커서를 맞추고 로컬 이미지 파일을 드래그 앤 드롭하거나 클립보드에서 스크린샷 등을 붙여넣습니다.

STEP3

Base64로 자동 변환·삽입

이미지가 즉시 Base64 문자열로 변환되어 Markdown 이미지 구문(![alt](data:...))으로 커서 위치에 삽입됩니다. 오른쪽 미리보기에서 표시를 확인할 수 있습니다.

STEP4

복사 또는 다운로드

완성된 Markdown 텍스트를 클립보드에 복사하거나 .md 파일로 다운로드하여 바로 활용할 수 있습니다.

주요 기능

드래그 앤 드롭으로 이미지 삽입

텍스트 영역에 이미지를 드롭하면 커서 위치에 Base64 형식의 이미지 데이터가 삽입됩니다. 파일 선택 대화상자와 클립보드 붙여넣기도 지원합니다.

경로 설정 불필요, 링크 깨짐 없음

이미지 데이터를 Markdown 파일 안에 직접 보관하기 때문에 상대 경로나 절대 경로 관리가 필요하지 않습니다. 폴더를 이동해도 링크가 깨지지 않습니다.

실시간 Markdown 미리보기

입력 내용이 미리보기 창에 즉시 반영되어 이미지 표시 확인과 전체 레이아웃 체크를 그 자리에서 할 수 있습니다.

브라우저 내에서 처리 완결

이미지 로딩부터 Base64 변환까지 모든 과정이 브라우저 내에서 실행됩니다. 데이터가 서버에 전송되지 않으므로 사내 설계서나 매뉴얼 등 기밀 문서에도 안심하고 사용할 수 있습니다.

추천 대상

이미지 포함 문서를 단일 파일로 관리

텍스트와 이미지가 하나의 .md 파일로 통합되어 팀 공유나 백업이 원활해집니다. GitHub 등에 첨부하기도 간편합니다.

로컬 이미지 경로 깨짐 해소

상대 경로나 절대 경로로 인한 링크 깨짐을 근본적으로 방지할 수 있습니다. PC나 폴더 구성이 달라도 이미지는 항상 표시됩니다.

오프라인 열람용 매뉴얼 작성

이미지를 Base64로 파일에 포함하기 때문에 인터넷에 연결할 수 없는 환경에서도 이미지가 포함된 문서를 그대로 볼 수 있습니다.

자주 묻는 질문
어떤 이미지 형식을 지원하나요?
JPEG, PNG, GIF, WebP 등 브라우저에서 표시 가능한 일반적인 이미지 형식을 지원합니다.
이미지가 서버에 저장되나요?
아니요, 저장되지 않습니다. 이미지 로딩이나 Base64 변환을 포함한 모든 처리가 브라우저 내에서 완료되며 외부로 데이터가 전송되지 않습니다.
Base64 삽입과 이미지 경로 참조의 차이는 무엇인가요?
경로 참조(상대 경로·절대 경로·URL)는 이미지 파일을 별도로 관리해야 하며, 파일 이동 시 링크가 깨질 수 있습니다. Base64 삽입은 이미지 데이터를 Markdown 파일 안에 직접 보관하므로 하나의 파일에 모든 내용이 담기고 링크 깨짐 위험이 없습니다.
Base64 변환 후 파일 크기는 어떻게 되나요?
이미지 데이터를 텍스트 문자열로 변환하는 구조상 원래 이미지 파일보다 약 33% 정도 데이터량이 늘어납니다. 큰 이미지를 많이 삽입할 경우 사전에 리사이즈해 두면 좋습니다.
삽입한 이미지의 표시 크기를 변경할 수 있나요?
Markdown 표준 구문에서는 이미지 크기 지정을 지원하지 않지만, HTML의 img 태그(예: <img src="data:..." width="300">)로 바꾸면 폭이나 높이를 자유롭게 조절할 수 있습니다.
관련 도구