본문으로 건너뛰기
도구탐험대

이미지 ↔ Base64

이미지를 데이터 URI(Base64)로 바꾸거나 Base64를 그림으로 되돌려요.

#개발#이미지#변환
서버 전송 없이 브라우저에서 처리DEV-082

이미지 ↔ Base64란?

이미지를 HTML·CSS에 바로 넣을 수 있는 data URI로 변환하거나, Base64 문자열을 이미지로 복원해 미리보기하고 저장합니다.

사용법

  1. 1

    이미지→Base64: 이미지를 선택하면 data URI가 만들어집니다.

  2. 2

    Base64→이미지: 문자열을 붙여넣으면 이미지가 나타납니다.

  3. 3

    복사하거나 이미지로 내려받으세요.

활용 예시

CSS 인라인 아이콘

작은 아이콘을 data URI로 CSS에 넣습니다.

API 응답 확인

API가 준 Base64 이미지를 눈으로 확인합니다.

자주 묻는 질문

파일이 서버로 올라가나요?+

아니요. 모든 처리는 내 브라우저 안에서 이루어지며 파일은 어디에도 업로드되지 않습니다.

도구 검색

이름, 설명, 키워드, 초성으로 도구를 찾아보세요