howToHeading

PNG, JPG, SVG, WebP, GIF 이미지를 업로드 영역으로 드래그하거나 클릭하여 파일을 선택하세요.
미리보기 영역에서 이미지, MIME 타입, 원본 크기 및 Data URI 출력 크기를 확인하세요.
필요에 따라 전체 Data URI, 순수 Base64 문자열, CSS background-image 또는 HTML <img> 스니펫을 복사하세요.
코드를 CSS, HTML, 이메일 템플릿 또는 JSON 구성에 붙여넣으세요.

예시: 'SVG 예시 불러오기'를 클릭하면 로컬 SVG 아이콘이 Data URI로 생성되며, CSS 또는 HTML 스니펫을 바로 복사해 볼 수 있습니다.

featuresHeading

빠른 Data URI 생성: 이미지를 드래그 앤 드롭하면 브라우저 내에서 즉시 프론트엔드 코드에 사용할 수 있는 data:image/...;base64,...가 생성됩니다.
CSS 및 HTML 코드 스니펫: Data URI 접두사를 직접 작성할 필요 없이 CSS background-image 또는 HTML <img> 태그를 원클릭으로 복사할 수 있습니다.
다양한 웹 이미지 형식 지원: PNG, JPG, SVG, WebP, GIF, AVIF 등 브라우저에서 읽을 수 있는 다양한 이미지 형식과 호환됩니다.
일괄 처리 대기열: 여러 개의 아이콘, 이메일 자료 또는 UI 이미지를 한 번에 드래그하여 각 파일에 필요한 스니펫을 하나씩 미리보고 복사하세요.
100% 로컬 개인정보 보호: 이미지는 브라우저의 기본 FileReader를 통해 현재 장치에서 로컬로 읽히며 서버로 업로드되지 않습니다.

relatedHeading

FIRE 계산기 2026 (물가상승률 반영) - 은퇴 자금 시뮬레이터

2026 최신 FIRE 재무 자유 계산기(물가상승률 반영). 브라우저 로컬에서 실제 구매력을 시뮬레이션하고, 은퇴 자금 부족액을 분석하여 연간 자산 계획을 세우세요. 엑셀이나 Notion 대시보드를 위한 CSV 원클릭 내보내기를 지원합니다.

포지션 규모 계산기 - 리스크 기반 트레이딩 규모 산정

계좌 잔고, 리스크 %, 진입가 및 손절가를 기반으로 트레이딩 포지션 규모를 계산하세요. 데이터 업로드 없이 브라우저 로컬에서 실행되므로 거래 전 리스크 시나리오를 비교할 수 있습니다.

복리 계산기 | 무료 적립식 투자 수익 및 APY 차트

초기 원금, 정기 투자액, 연간 수익률(APY) 및 투자 기간을 입력하여 복리 성장을 계산하세요. 브라우저 내에서 원금, 이자 및 최종 잔액을 인터랙티브 차트로 시각화합니다.

온라인 대출 / 모기지 계산기 - 즉각적인 상환 일정표

대출 계산기 / 모기지 계산기를 사용하여 브라우저 로컬에서 월 상환액, 총 이자 및 상환 일정표를 추정해 보세요. 대출 금액, 이자율 및 기간을 입력하면 차트와 함께 결과를 즉시 확인할 수 있습니다.

온라인 투자 및 ROI 계산기 - 복리 수익 시각화

이 투자 계산기 / ROI 계산기를 사용하여 초기 원금, 매월 정기 투자액, 연간 수익률 및 물가상승률을 반영한 결과를 브라우저 로컬에서 추정하세요. 실시간 복리 차트, ROI 및 연간 세부 일정을 통해 예상 수익을 확인할 수 있습니다.

APR APY 변환기 - 명목 금리와 실효 금리 변환

APR to APY Calculator를 사용하여 브라우저에서 로컬로 APR과 APY를 양방향 변환하세요. 금리를 입력하고 복리 주기를 선택하면 실효 연이율, 차이, 주기별 비교표를 즉시 확인할 수 있습니다.

이익률 계산기 - 마진 대 마크업 변환기

이 이익률 계산기를 사용하여 브라우저 로컬에서 매출 총이익, 마크업, 마진 및 판매 가격을 계산하세요. 원가와 판매가, 또는 원가와 목표 마진을 입력하면 지표가 즉시 계산됩니다.

CPM 및 CPC 계산기 - 광고 비용 및 CTR 온라인 측정

이 CPM 및 CPC 계산기를 사용하여 광고 비용, 노출수, 클릭수, CPM, CPC 및 CTR을 브라우저에서 로컬로 추정하세요. 예산과 목표 단가를 입력하여 캠페인 시나리오를 즉시 계획할 수 있습니다.

logicHeading

Base64 인코딩은 이진 이미지 데이터를 ASCII 문자열로 변환하여 HTML, CSS 또는 JSON에 이미지를 직접 삽입할 수 있게 합니다. Data URI의 기본 구조는 data:[mime-type];base64,[encoded-data]이며, 브라우저는 이를 이미지 리소스로 인식하고 읽을 수 있습니다.

주의할 점: Base64는 이미지 압축 기술이 아닙니다. 인코딩된 출력 크기는 일반적으로 원본 파일보다 약 33% 더 큽니다. 따라서 작은 아이콘, 로고, 이메일 인라인 이미지 또는 HTTP 요청 수를 줄이는 용도로 가장 적합합니다. 용량이 큰 사진이나 다량의 이미지는 기존 파일 형태로 유지하고 이미지 압축 도구를 사용하여 용량을 줄이는 것이 좋습니다.

faqHeading

왜 이미지를 Base64로 변환하나요?

작은 아이콘, 이메일 이미지 또는 설정용 소형 이미지를 코드에 직접 삽입하여 외부 HTTP 요청을 줄이거나, 이메일 클라이언트에서 외부 이미지 노출을 차단하는 것을 우회하고자 할 때 유용합니다.

Base64로 변환하면 이미지 크기가 압축되나요?

아닙니다. Base64 인코딩은 일반적으로 인코딩된 크기를 약 33% 증가시킵니다. 데이터 압축 목적이 아니라, 코드 삽입 및 요청 수 감소를 위해 사용됩니다.

지원하는 이미지 형식은 무엇인가요?

PNG, JPG, JPEG, SVG, WebP, GIF, AVIF를 비롯하여 사용 중인 브라우저에서 읽을 수 있는 모든 이미지 형식을 지원합니다.

내 이미지가 서버로 업로드되나요?

아닙니다. 브라우저 기본 API인 FileReader.readAsDataURL을 사용하여 변환하므로, 이미지는 사용자의 기기를 벗어나지 않습니다.

CSS나 HTML을 직접 복사할 수 있나요?

네. 각 이미지마다 전체 Data URI, 순수 Base64 문자열, CSS background-image, HTML <img> 스니펫이 각각 생성됩니다.

이미지 Base64 변환 - Data URI 코드 로컬 생성

변환 결과