Blob과 DataURL이란?
Blob URL은 blob:로 시작하는 임시 주소로 브라우저 메모리의 파일 객체를 가리키며, 프런트엔드 이미지 미리보기와 업로드에 자주 사용됩니다.
DataURL은 파일을 Base64 문자열로 인코딩해 img, CSS 배경 또는 JSON 데이터에 바로 삽입할 수 있습니다.
사용 방법
두 단계로 변환을 완료할 수 있습니다:
- 이미지를 한 장 업로드합니다.
- Blob URL 또는 DataURL을 코드에 복사하면 됩니다.
팁
- 작은 아이콘은 DataURL로 인라인 처리하는 것이 좋고, 큰 이미지는 별도 파일을 사용하세요.
- Blob URL은 img 태그, 동영상 소스 또는 fetch 다운로드에 사용할 수 있습니다.
- 다른 파일의 Base64가 필요하면 Base64 인코딩/디코딩 도구를 함께 활용하세요.