1x1 투명 이미지에 대한 가장 작은 데이터 URI는 무엇입니까?

투명한 이미지에 사용할 수 있는 가장 작은 데이터 URI 이미지 결정

질문:

HTTP 요청을 최소화하려면 배경 이미지와 함께 투명한 1x1 이미지를 활용하는 것을 목표로 합니다. 투명한 이미지를 생성할 수 있는 가장 간결한 데이터 URI 문자열은 무엇입니까?

답변:

투명 GIF(약간 길지만 안정적 - 78바이트):

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

불안정 투명 GIF (더 짧음 - 74바이트):

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

주의:

더 짧더라도 불안정한 GIF로 인해 CSS 결함이 발생하고 배경 이미지가 표시되지 않을 수 있습니다. 일부 브라우저에서는 올바르게 작동합니다. 따라서 조금 더 길지만 더 안정적인 버전을 사용하는 것이 좋습니다.

추가 팁:

"image/gif" 유형을 절대 생략하지 마세요.

일부 제안과 달리 "image/gif" 유형을 생략하면 여러 항목에서 오류가 발생합니다. 브라우저.

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