구글 이미지 검색을 하던 도중 발견한 특이한 점 하나...
구글 이미지 검색 결과에 나오는 이미지들은 이미지 파일을 불러와 보여주는 방식이 아니라,
텍스트를 이용해 화면에 이미지를 보여주는 방식이다.
무슨 얘기냐고??
일단 한번 봅세다~
"네이버" 로 구글 이미지 검색을 하면 네이버와 관련된 이미지 검색 결과가 출력된다.
캡쳐한 이미지가 작아서 보기 힘들것 같은데, 일반적으로 이미지를 화면에 보여주기 위해서 <img> tag 를 이용하는데
이때 이미지 파일이 저장되어 있는 url 을 src 로 지정해 주는게 일반적이다.
하지만, 구글에서는 일반적인 이미지 파일의 url 아니라 다른 방식을 취해서 사용한다.
구글 이미지 검색 결과에 나오는 이미지들은 이미지 파일을 불러와 보여주는 방식이 아니라,
텍스트를 이용해 화면에 이미지를 보여주는 방식이다.
무슨 얘기냐고??
일단 한번 봅세다~
"네이버" 로 구글 이미지 검색을 하면 네이버와 관련된 이미지 검색 결과가 출력된다.
그냥 봐서는 잘모르겠다. 소스를 함 까보자!!!
캡쳐한 이미지가 작아서 보기 힘들것 같은데, 일반적으로 이미지를 화면에 보여주기 위해서 <img> tag 를 이용하는데
이때 이미지 파일이 저장되어 있는 url 을 src 로 지정해 주는게 일반적이다.
하지만, 구글에서는 일반적인 이미지 파일의 url 아니라 다른 방식을 취해서 사용한다.
<img class="rg_i" name="bM-rc6-38ViYUM:" data-sz="f" height="183" width="121" onload="google.stb.csi.onTbn(1, this)" src="https://t1.daumcdn.net/cfile/tistory/227B3B4656E65CD228">
src 속성을 보면 "data:image/jpg;base64" 로 시작하는 것을 알 수 있는데, 이는 "Data URI scheme" 이라는 HTML 4.01 표준에 정의되어 있는 기능이다.
자세한 내용은 생략한다!!
참고-1 : "Data URI scheme" in wikipedia
data uri scheme" search result in google
'IT' 카테고리의 다른 글
리눅스 초보자가 꼭 배워야 하는 37가지 Linux 커맨드 (0) | 2022.08.01 |
---|---|
SVN - Permission Denied 문제. (0) | 2012.01.17 |
이클립스 편집 창 전환 키 추가 (0) | 2011.04.07 |
Timezone 리스트 (1) | 2011.03.31 |
Spring Framework 2.5 에서 Class Type 으로 Bean을 찾는 예제 (0) | 2010.10.04 |