🖼️이미지 ↔ Base64
로딩 중...
이미지를 Base64로 인코딩하면 파일 없이 텍스트 형태로 이미지를 HTML, CSS, JSON 등에 직접 삽입할 수 있습니다. 이 도구는 이미지를 드래그 앤 드롭하거나 붙여넣기하면 Data URL, Base64 문자열, HTML img 태그, CSS background 속성 값을 즉시 생성합니다.
사용 방법
- 1이미지 업로드
이미지 파일을 드래그 앤 드롭하거나 클릭하여 선택합니다. 스크린샷을 클립보드에서 바로 붙여넣기(Ctrl+V)할 수도 있습니다.
- 2미리보기 확인
업로드된 이미지의 미리보기와 파일명, 형식, 크기, 해상도, Base64 크기 정보를 확인합니다.
- 3원하는 형식 복사
Data URL, Base64, HTML img 태그, CSS background, Markdown 중 필요한 형식의 복사 버튼을 클릭합니다.
활용 팁
- 💡작은 아이콘이나 로고 이미지에 적합합니다. 큰 이미지는 Base64 크기가 커져 성능에 영향을 줄 수 있습니다.
- 💡CSS background 값을 복사해 inline style이나 CSS 파일에 바로 붙여넣을 수 있습니다.
- 💡모든 처리는 브라우저에서 이루어지므로 이미지가 서버로 전송되지 않습니다.
- 💡'Base64 → 이미지' 탭에서는 반대로 Base64 문자열이나 Data URL을 이미지로 변환하고 파일로 다운로드할 수 있습니다.