CSS 스프라이트의 투명 GIF에 대한 가장 작은 데이터 URI는 무엇입니까?

투명성을 위한 데이터 URI 이미지 크기 최소화

질문:

작은 투명 유리를 활용하는 경우 CSS 스프라이트 배경으로 이미지를 생성할 수 있는 가장 작은 데이터 URI는 무엇입니까? 이미지?

답변:

다양한 투명 GIF를 실험한 결과 특정 GIF가 CSS 결함을 일으킬 수 있다는 사실이 발견되었습니다. 특히 투명 GIF가 포함된 요소에 배경 이미지를 할당할 때 더욱 그렇습니다. . 안정성을 보장하려면 약간 더 긴 데이터 URI를 권장합니다:

안정적(78바이트)

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

이미지 유형 생략 방지:

데이터 URI에 이미지 유형(image/gif)을 포함하는 것이 중요합니다. 이 정보를 생략하면 다양한 브라우저에서 렌더링 문제가 발생할 수 있습니다.

위 내용은 CSS 스프라이트의 투명 GIF에 대한 가장 작은 데이터 URI는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!