웹 페이지의 일부 사진에는 다음과 같은 SRC 또는 CSS 배경 이미지의 URL이 뒤 따르는 큰 문자열이 있음을 알 수 있습니다. iVBORw0KGgoAAAANSUhEUgnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6 I1BUQFAQ1CKSVCXZ2ACS6406KUGPT5/KUVGZ5BDCSZO99ZODCZGVT4MJZMVKQCHA68IIEPB86GAIOV8CDADLIUQBS7MD3WAAABJRU5KJGG%3D. 그래서 이것은 무엇입니까? 이것이 데이터 URI 체계입니다.
데이터 URI 체계는 RFC2397로 정의되며 일부 작은 데이터를 웹 페이지에 직접 포함시키기 위해 더 이상 외부 파일에서로드 할 필요가 없습니다. 예를 들어, 위의 문자는 실제로 작은 그림입니다. 이 문자들을 Firefox 주소 막대에 복사하여 붙여 넣고 1x36 흰색 회색 PNG 사진을 볼 수 있습니다.
위의 데이터 URI에서, 데이터는 얻은 데이터의 계약 이름을 나타내고, 이미지/png는 데이터 유형 이름이고, Base64는 데이터의 인코딩 방법이며, Comma는이 이미지/png 파일의 base64로 인코딩 된 데이터가 뒤 따릅니다.
현재 데이터 URI 체계가 지원하는 유형은 다음과 같습니다.
데이터 :, 텍스트 데이터
데이터 : 텍스트/일반, 텍스트 데이터
데이터 : 텍스트/html, HTML 코드
데이터 : Text/Html; Base64, Base64 인코딩 된 HTML 코드
데이터 : 텍스트/CSS, CSS 코드
데이터 : Text/CSS; Base64, Base64 인코딩 된 CSS 코드
데이터 : 텍스트/JavaScript, JavaScript 코드
데이터 : Text/JavaScript; Base64, Base64 인코딩 된 JavaScript 코드
데이터 : 이미지/gif; Base64, Base64 인코딩 된 GIF 이미지 데이터
데이터 : 이미지/png; Base64, Base64 인코딩 된 PNG 이미지 데이터
데이터 : 이미지/jpeg; Base64, Base64 인코딩 된 JPEG 이미지 데이터
데이터 : 이미지/X-ICON; Base64, Base64 인코딩 된 아이콘 이미지 데이터
Base64는 간단히 말하면, 일부 8 비트 데이터를 표준 ASCII 문자로 변환합니다. 인터넷에는 많은 무료 Base64 인코딩 및 디코딩 도구가 있습니다. php에서는 echo base64_encode (file_get_contents ( 'wg.png'))와 같은 함수 base64_encode ()를 사용하여 인코딩 할 수 있습니다.
현재 IE8, Firfox, Chrome 및 Opera 브라우저는 이러한 종류의 작은 파일 임베딩을 지원합니다.
사진의 예를 찍으십시오.웹 페이지의 이미지는 다음과 같이 표시 될 수 있습니다.
<img src = http : //www.letuknowit.com/images/wg.png/>
다음과 같이 표시 할 수 있습니다.
코드를 복사하십시오