데이터 URI를 사용하는 이유는 무엇인가요?
데이터 URI를 사용하면 이미지 데이터를 HTML 또는 CSS 파일에 직접 삽입할 수 있습니다. 이 기술은 작은 아이콘, 장식 요소, 추가 HTTP 요청을 기다리지 않고 즉시 로드되어야 하는 중요한 UI 구성 요소에 특히 유용합니다.
장점:
- HTTP 오버헤드 감소: 서버 왕복 횟수 감소.
- 즉시 로딩: 작은 아이콘과 중요한 로고에 완벽합니다.
- 404 오류 없음 이미지 데이터가 소스 코드와 함께 번들링됩니다.
단점:
- 파일 크기: Base64 인코딩은 크기를 약 33% 증가시킵니다.
- 캐싱: 호스트 파일과 독립적으로 캐시되지 않습니다.
- 대용량 파일: 대용량 이미지는 브라우저 렌더링 속도에 영향을 줄 수 있습니다.