emptygif
언어: 한국어

모든 언어 및 프레임워크

Lazy-loading placeholder (lazysizes) HTML

/pixel.gif 요청에 빈 GIF로 응답하는 Lazy-loading placeholder (lazysizes)용 HTML 스니펫입니다. GIF는 시작할 때 한 번만 디코딩합니다.

Lazy-loading placeholder (lazysizes) HTML

파일
index.html
<!-- The empty GIF keeps src valid until lazysizes swaps in data-src.
     (For most pages today, native loading="lazy" is enough.) -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
     data-src="/images/photo.jpg" class="lazyload"
     width="800" height="600" alt="A photo">

이 스니펫은 실행해 보고, 반환된 바이트를 비교했습니다.

공식 사이트: Lazy-loading placeholder (lazysizes)

HTML의 다른 예제