> 웹 프론트엔드 > CSS 튜토리얼 > 다양한 웹 브라우저의 데이터 URI 크기 제한은 무엇입니까?

다양한 웹 브라우저의 데이터 URI 크기 제한은 무엇입니까?

Patricia Arquette
풀어 주다: 2024-12-19 07:50:12
원래의
947명이 탐색했습니다.

What are the Data URI Size Limits in Different Web Browsers?

인기 웹 브라우저의 데이터 URI 크기 제한

웹 개발에서 데이터 URL을 활용하는 것은 데이터를 HTML 요소에 직접 삽입하는 편리한 방법입니다. . 그러나 이러한 URL에는 웹 브라우저에 따라 크기 제한이 있습니다.

크기 제한 개요

데이터 URI 사양은 특정 크기 제한을 부과하지 않지만 브라우저는 자유롭게 시행할 수 있습니다. 다음은 널리 사용되는 브라우저의 제한 사항에 대한 요약입니다.

  • Chrome: 현재 문서의 경우 2MB, 임의 blob의 경우 2GB 또는 total_physical_memory / 5(x64, 비OS/ Android 시스템)
  • Firefox: 무제한
  • IE 9 및 Edge: 4GB
  • Safari 및 Mobile Safari: 문서에 지정되지 않음

대안 고려

데이터 URI 크기 제한이 부족한 경우 다음 대안 사용을 고려하십시오.

  • Blob URL: CreateObjectURL()을 통해 파일 API를 통한 blob이 포함된 URL API(Chrome 제한: 500MiB)
  • 타사 라이브러리: FileSaver.js, StreamSaver.js, JSZip
  • Modernizr 감지: 데이터 URI에 대한 지원 감지 32kb

관련 고려 사항

data: 구성표를 사용하는 배경 이미지 URL에도 크기 제한이 적용됩니다. 또한 특정 브라우저에는 base64로 인코딩된 데이터의 길이에 대한 추가 제한이 있을 수 있습니다. 데이터 URL을 활용할 때 브라우저 호환성 및 크기 요구 사항을 고려하는 것이 중요합니다.

위 내용은 다양한 웹 브라우저의 데이터 URI 크기 제한은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿