이 Stack Exchange 사이트는 어떻게 애니메이션 파비콘을 가질 수 있나요?

이 Stack Exchange 사이트는 어떻게 애니메이션 파비콘을 가질 수 있나요?

어제 검색 중이었는데https://stackexchange.com그리고 알아차린 것은모든 스택 교환 목록애니메이션 파비콘이 있습니다:

여기에 이미지 설명을 입력하세요

이것이 어떻게 가능한지? 파비콘은 애니메이션이 불가능한 정적 ICO 파일인 줄 알았나요?

답변1

이것이 바로 악명 높은버그 111373작년에 투표권을 얻었고 몇 년 후에는 술을 더 살 것으로 예상됩니다.

답변2

애니메이션 파비콘은 실제로 가능하며 일부 웹사이트에서는 이를 제공합니다.애니메이션 파비콘을 비활성화하는 방법은 무엇입니까?.

하지만 이 특정 사례는 Stack Exchange 웹사이트로 인해 발생한 것이 아닙니다. 그 페이지에 대한 사용자 스크립트가 있다는 것이 밝혀졌습니다.폭력원숭이, (백그라운드에서) HTTP 호출을 수행합니다.지원 센터목록에 있는 각 웹사이트의 어떻게든 (정확한 세부 사항은 모르겠습니다) 해당 웹 사이트의 파비콘도 로드되고 Firefox 탭에 적용되어 애니메이션이 발생합니다. 마지막 호출은 아이콘이 최종 상태로 유지되도록 Stack Overflow에 대한 호출입니다.

직접 경험하고 싶다면 Stack Exchange에 가장 널리 사용되는 사용자 스크립트를 설치할 수 있습니다.글로벌 플래그 요약– 이 동작도 표시됩니다. 어떤 설정(사용자 스크립트 관리자/브라우저/운영 체제)이 작동하는지 정확히 모르겠지만 macOS 10.14.6의 Firefox 69.0.1에서 Violentmonkey v2.11.2를 실행하고 있습니다.

답변3

파비콘은 자바스크립트로 애니메이션을 만들 수 있습니다.

내가 가장 좋아하는 예:http://www.p01.org/defender_of_the_favicon/

이것은 16x16px 파비콘을 디스플레이로 사용하는 플레이 가능한 게임입니다.

답변4

대부분의 브라우저에서 파비콘은 정적 이미지 파일이지만 웹사이트에서는 JavaScript를 활용하여 표시된 현재 파비콘을 수정하고 효과적으로 애니메이션을 적용할 수 있습니다. Firefox는 GIF 유형 파비콘도 허용하고 이에 따라 애니메이션을 재생합니다.

보다이 스택 오버플로 스레드애니메이션 파비콘의 다양한 구현을 위해.

관련 정보