이미지 → Base64

이미지

이미지를 HTML·CSS·JSON에 인라인으로 넣을 수 있는 Base64 데이터 URL로 만듭니다 — 별도 파일이 필요 없습니다. 이미지를 끌어다 놓고 결과를 복사하세요. 이미지는 브라우저에서 로컬로 읽히며 업로드되지 않습니다.

—

여기에 이미지를 끌어다 놓으세요

또는 클릭해서 선택

사용법

이미지를 드롭 영역에 끌어다 놓거나 클릭해 선택하세요.
미리보기와 데이터 URL이 표시됩니다.
복사 버튼으로 데이터 URL을 복사하세요.
img src, CSS 배경, JSON 필드 등에 붙여넣으세요.

자주 묻는 질문

이미지가 업로드되나요?: 아니요. 브라우저의 FileReader로 로컬에서 읽으며 서버로 전송되지 않습니다.
큰 이미지를 인라인해도 되나요?: Base64는 용량이 약 33% 늘고 따로 캐시되지 않아, 큰 사진보다 작은 아이콘에 적합합니다.
어떤 형식이 되나요?: 브라우저가 읽을 수 있는 모든 이미지 — PNG, JPEG, GIF, WebP, SVG 등.
CSS에서 쓸 수 있나요?: 네 — 데이터 URL을 background-image: url(…)에 붙여넣으세요.

관련 도구

SVG → PNG 변환기

SVG를 원하는 크기 PNG로 래스터화 — 투명·단색·커스텀 배경 지원, 모두 브라우저에서.

이미지 크롭 (비율 맞춤)

이미지를 1:1·16:9·4:3 등 표준 비율로 자동 중앙 크롭합니다.

이미지 회전 / 뒤집기

이미지를 90° 단위로 회전하거나 좌우·상하로 뒤집고 결과를 내려받으세요.

이미지 리사이즈

이미지를 원하는 크기로 변경하고 PNG·JPEG·WebP로 내보내세요 — 모두 브라우저에서 처리됩니다.

QR 코드 생성

텍스트나 URL로 맞춤 QR 코드를 만들고 내려받으세요.

이미지 압축

JPEG·PNG·WebP 이미지를 브라우저에서 압축하고 크기를 줄이세요.