이미지 ↔ Base64
이미지를 Base64 문자열로 변환하여 CSS/HTML에 직접 사용할 수 있습니다.
🖼️
이미지를 드래그하거나 클릭하여 업로드
PNG, JPG, GIF, SVG, WebP 지원
이미지 데이터 텍스트화의 명암
**장점 (Pros)**
- 별도의 이미지 호스팅 서버 없이 스타일시트나 마크업 문서 내부에 이미지를 직접 내장할 수 있습니다.
- 브라우저가 이미지를 다운로드하기 위한 추가적인 네트워크 요청을 보내지 않아도 되므로, 작은 아이콘들의 로딩 지연을 막을 수 있습니다.
**단점 (Cons)**
- 인코딩 과정을 거치면서 원본 이미지 파일 대비 텍스트 길이가 크게 팽창합니다.
- 코드가 매우 길어져 유지보수 시 가독성이 심각하게 저하될 수 있습니다.
전략적 활용 방안
초기 로딩 시 꼭 필요한 작은 로고나 스피너 같은 리소스에만 제한적으로 활용하는 것이 현대 웹 구축의 정석입니다.