파비콘
Faviconfavicon ( / ffév.숏컷 아이콘, 웹사이트 아이콘, 탭 아이콘, URL 아이콘 또는 북마크아이콘이라고도 불리는 "k"n/; 즐겨찾기 아이콘의 줄임말)은 특정 웹사이트 또는 [1][2]웹 페이지와 관련된1개 이상의 [1]작은 아이콘이 포함된 파일입니다.웹 디자이너는 이러한 아이콘을 생성하여 여러 가지 방법으로 웹 사이트(또는 웹 페이지)에 업로드할 수 있으며, 그래픽 웹 브라우저는 [3]이 아이콘을 사용합니다.favicon을 지원하는 브라우저는 일반적으로 브라우저의 주소 표시줄(경우에 따라서는)과 [3]책갈피 목록에서 페이지 이름 옆에 페이지의 favicon을 표시합니다.탭 형식의 문서 인터페이스를 지원하는 브라우저는 일반적으로 탭의 페이지 제목 옆에 페이지의 즐겨찾기를 표시하고 사이트별 브라우저는 해당 아이콘을 바탕화면 [1]아이콘으로 사용합니다.
역사
1999년 3월 마이크로소프트는 처음으로 [4]파비콘을 지원하는 인터넷 익스플로러 5를 출시했다.원래 favicon은 favicon이라는 파일입니다.favicon.ico
웹 사이트의 루트 디렉토리에 배치됩니다.Internet Explorer 즐겨찾기(북마크) 및 페이지가 [5][6][7][4]북마크되어 있는 경우 주소 표시줄의 URL 옆에 사용되었습니다.단점은 즐겨찾기에 올린 방문자 수를 favicon의 요청으로 추정할 수 있다는 것이다.사이트의 [6]북마크 여부에 관계없이 최신 브라우저는 웹 주소 표시줄에 표시할 favicon 파일을 로드하기 때문에 이 부작용은 더 이상 작동하지 않습니다.
표준화
Favicon은 World Wide Web Consortium(W3C)에 의해 1999년 12월에 발표된 HTML 4.0 권장사항과 2000년 [8][failed verification][9][failed verification]1월에 발표된 XHTML 1.0 권장사항으로 표준화되었습니다.표준 구현에서는 문서의 섹션에 있는 속성과 함께 링크 요소를 사용하여 파일 형식, 파일 이름 및 위치를 지정합니다.이전 방식과 달리 파일은 모든 웹 사이트 디렉토리에 있을 수 있으며 이미지 파일 형식을 [10][11]가질 수 있습니다.
2003년에.ico
형식이 MIME 유형으로 Internet Assigned Numbers Authority(IANA; 인터넷 할당 번호 기관)에 의해 서드파티에 의해 등록되었습니다. image/vnd.microsoft.icon
단,[12][13] 를 사용하는 경우.ico
포맷을 이미지(예를 들어 favicon이 아님)로 표시하면 Internet Explorer는 이 표준화된 [13]MIME 유형으로 제공되는 파일을 표시할 수 없습니다.Internet Explorer에 대한 회피책은 다음과 같습니다..ico
비표준으로image/x-icon
웹 서버의 [14]MIME 유형.
RFC 5988은 IANA 링크 관계 [15]레지스트리를 확립했습니다.rel="icon"
는 HTML5 사양을 기반으로 2010년에 등록되었습니다.인기 있는<link rel="shortcut icon" type="image/png" href="image/favicon.png">
이론적으로 두 개의 관계를 식별한다.shortcut
그리고.icon
,그렇지만shortcut
는 등록되어 있지 않고, 용장화되어 있습니다.2011년 HTML 생활표준은[16] 역사적 이유로 다음과 같이 규정했다.shortcut
바로 직전에 허용됩니다.icon
단,[17]shortcut
에는 이 컨텍스트의 의미가 없습니다.
레거시
Internet Explorer 5-10은 ICO 파일 형식만 지원합니다.Netscape 7 및 Internet Explorer 버전5 및 6은 페이지가 북마크 되어 있을 때만 favicon을 표시합니다.단순히 페이지를 방문했을 때뿐만 아니라 이후의 [4]브라우저에서도 마찬가지입니다.
favicon의 예
브라우저 구현
다음 표는 주요 웹 브라우저에서 지원되는 다양한 기능을 보여 줍니다.특별한 기재가 없는 한 버전 번호는 지원되는 기능의 시작 버전 번호를 나타냅니다.
이미지 파일 형식 지원
다음 표는 favicon의 이미지 파일 형식 지원을 보여 줍니다.
브라우저 | 이미지 파일 형식 | ||||||
---|---|---|---|---|---|---|---|
ICO | PNG | GIF | 애니메이션 GIF | JPEG | APNG | SVG | |
엣지 | 네. | 네. | 네. | 아니요. | 네. | 불명 | 네. |
파이어폭스 | 1.0[18] | 1.0[18] | 1.0[18] | 네, 그렇습니다[19]. | 네. | 3.0[19] | 41.0[20] |
구글 크롬 | 네. | 네. | 4.0 | 아니요[21][22]. | 4.0 | 아니요. | 팔십[23] |
인터넷 익스플로러 | 5.0[24] | 11.0[25] | 11.0[25] | 아니요[24]. | 아니요[24]. | 아니요[24]. | 아니요[26]. |
오페라 | 7.0[27] | 7.0[27] | 7.0[27] | 7.0[27] | 7.0[27] | 9.5 | 44.0[28] |
사파리 | 네. | 4.0 | 4.0 | 아니요. | 4.0 | 아니요. | 비표준(12.0)[a][29][30] |
또한 이러한 아이콘 파일의 크기는 16×16, 32×32, 48×48 또는 64×64 픽셀이며 색 깊이는 [1][3]8비트, 24비트 또는 32비트입니다.ICO 파일 형식 기사에서는 다양한 Microsoft Windows 플랫폼에서 256색 이상의 아이콘을 자세히 설명합니다.
favicon 사용
다음 표는 favicon을 표시할 수 있는 브라우저의 다양한 영역을 보여줍니다.
브라우저 | 주소 표시줄 | 주소 표시줄 드롭다운 목록 | 링크 바 | 북마크 | 탭 | 바탕 화면으로 끌어다 |
---|---|---|---|---|---|---|
엣지 | 아니요. | 네. | 네. | 네. | 네. | 네. |
파이어폭스 | 1.0~12.0: 있음[31] > v13: 아니요[32] | 네. | 네. | 네, 그렇습니다[31]. | 네, 그렇습니다[31]. | 네, 그렇습니다[31]. |
구글 크롬 | 아니요[31]. | 아니요. | 네, 그렇습니다[31]. | 네, 그렇습니다[31]. | 1.0[31] | 아니요[31]. |
인터넷 익스플로러 | 7.0[31] | 아니요. | 5.0[31] | 5.0[31] | 7.0[31] | 5.0[31] |
오페라 | 7.0~12.17: 있음 > v14: 아니요[31] | 아니요. | 7.0[31] | 7.0[31] | 7.0[31] | 7.0[31] |
사파리 | 네, 그렇습니다[31]. | 네. | 아니요[31]. | 네, 그렇습니다[31]. | 1.0~8.0: 있음 9.0~11.0: 없음 > 12[33].0 : 옵션 | 아니요[31]. |
오페라 소프트웨어는 오페라 10의 단축 다이얼에 [34]파비콘을 변경하는 기능을 추가했습니다.
사용방법
다음 표는 웹 브라우저에서 favicon을 인식하는 다양한 방법을 보여줍니다.표준 구현에서는 문서의 섹션에 속성이 있는 링크 요소를 사용하여 파일 형식, 이름 및 위치를 지정합니다.
엣지 | 파이어폭스 | 구글 크롬 | 인터넷 익스플로러 | 오페라 | 사파리 | |
---|---|---|---|---|---|---|
< >링크 릴="표시 아이콘" href="https://example.com/myicon.ico"> | 네, 그렇습니다[4]. | 네, 그렇습니다[4]. | 네, 그렇습니다[4]. | 네, 그렇습니다[4][24]. | 네, 그렇습니다[4]. | 네. |
< >링크 릴="아이콘' 유형="image/vnd.vnd.licon.icon" href="https://example.com/image.ico"> | 네. | 네. | 네. | 있음(IE [25]9부터) | 네. | 네. |
< >링크 릴="아이콘' 유형="이미지/x 아이콘" href="https://example.com/image.ico"> | 네, 그렇습니다[4]. | 네, 그렇습니다[4]. | 네, 그렇습니다[4]. | 있음(IE [35]9부터) | 네, 그렇습니다[4]. | 네. |
< >링크 릴="아이콘' href="https://example.com/image.ico"> | 네. | 네. | 네. | 있음(IE [25]11부터) | 네. | 네. |
< >링크 릴="아이콘' 유형="이미지/기피" href="https://example.com/image.gif"> | 네. | 네. | 네. | 있음(IE [25]11부터) | 네. | 네. |
< >링크 릴="아이콘' 유형="이미지/png" href="https://example.com/image.png"> | 네. | 네. | 네. | 있음(IE [25]11부터) | 네. | 네. |
< >링크 릴="아이콘' 유형="image/httpg+xml" href="https://example.com/image.svg"> | 네. | 네. | 네. | 네. | 네. | 아니요. |
< >링크 릴='마스크 아이콘' href="https://example.com/image.svg" 색.="빨간색"> | 아니요. | 아니요. | 아니요. | 아니요. | 아니요. | 네, 그렇습니다[36]. |
favicon.ico 웹 사이트의 루트에 있습니다. | 네. | 옵션[b] | 네. | 네. | 옵션[c] | 네. |
우선순위: 우선 루트 또는 (X)HTML 링크 버전 | 링크된[31] | 링크된[31] | 링크된[31] | 링크된[31] | ? | ? |
- ^ Safari는 버전 12.0 이후 단색 SVG favicon을 표준 이외의 형식으로 지원합니다.
- ^ Firefox에서만 허용
favicon.ico
웹 사이트의 루트에 포함시키지 않고<link>
설정에 태그 붙이기browser.chrome.site_icons
로 설정되어 있다.true
에about:config
기본값은 다음과 같습니다.true
. 로 설정되어 있는 경우false
, 이러한 favicon은 무시됩니다. - ^ 오페라 로드
/favicon.ico
이 경우에만Multimedia/Always load favicon
에 선택권을 주다.opera:config
로 설정되어 있다.1
자세한 내용은 Opera Support 페이지를 참조하십시오.
PNG와 ICO favicon의 링크가 모두 존재하는 경우 PNG-favicon 호환 브라우저는 다음과 같이 사용할 형식과 크기를 선택합니다.파이어폭스와 사파리는 마지막에 오는 favicon을 사용합니다.Mac용 Chrome은 ICO 형식의 favicon, 그렇지 않으면 32×32 favicon을 사용합니다.Chrome for Windows는 16×16이면 favicon을 먼저 사용하고, 그렇지 않으면 ICO를 사용합니다.위의 옵션을 사용할 수 없는 경우 Chrome는 Firefox나 Safari와는 정반대의 favicon을 사용합니다.사실, Mac용 크롬은 16×16 favicon을 무시하고 32×32 버전을 사용하지만, 레티나 장치가 아닌 장치에서는 16×16으로 축소될 뿐입니다.Opera는 사용 가능한 아이콘 중 하나를 [37]임의로 선택합니다.
SeaMonkey만 가져오지 않음favicon.ico
기본적으로 [38]웹 사이트의 루트에 파일이 있습니다.
여러 크기의 아이콘에 대한 HTML5 권장 사항
현재의 HTML5 사양에서는 다음 속성을 사용하여 아이콘의 크기를 여러 개 지정할 것을 권장합니다.rel="icon" sizes="space-separated list of icon dimensions"
의 범위 내에서<link>
Microsoft [39].ico 및 Macintosh .icns 파일과 같은 컨테이너 형식을 포함한 여러 아이콘 형식과 확장 가능한 벡터 그래픽은 아이콘의 콘텐츠 유형을 형식에 포함시킴으로써 제공될 수 있습니다.type="file content-type"
의 범위 내에서<link>
태그를 붙입니다.
iOS 5에서 애플 모바일 디바이스는 HTML5의 권장사항을 무시하고 독자 사양의 제품을 사용하고 있습니다.apple-touch-icon
를 참조해 주세요.그러나 구글 크롬 웹 브라우저는 사용자가 [Create application shortcut...]를 선택하면 HTML 헤더에 있는 것 중에서 가장 가까운 크기를 선택하여 128×128픽셀의 애플리케이션 아이콘을 만듭니다.를 클릭합니다.
모바일 장치의 홈 스크린 아이콘
Android 모바일 장치뿐만 아니라 Apple iPhone과 iPad에서도 사용자는 웹 페이지를 홈 화면에 바로 가기 아이콘으로 고정할 수 있습니다.이러한 바로 가기 아이콘은 일반 앱과 유사하며 웹 개발자가 전용 아이콘을 제공할 수 있습니다.
Apple 디바이스
iOS 운영 체제 버전 1.1.3 이상이 설치된 Apple 기기의 경우,[40][41] 사용자는 Safari의 공유 시트에 있는 홈 스크린에 추가 버튼을 사용하여 웹 사이트를 홈 스크린에 고정할 수 있습니다.
이것은, 모든 Web 사이트에서 유효합니다.그러나 iOS에서 바로 가기를 아이콘으로 표시하려면 웹 사이트에서 다음 정보를 제공해야 합니다.<link rel="apple-touch-icon" ...>
에서<head>
웹 사이트에서 제공하는 문서의 섹션입니다.커스텀 아이콘을 지정하지 않으면 대신 [42]웹 페이지의 섬네일이 홈 화면에 표시됩니다.
기기 클래스에 따라 앱 아이콘 크기가 다릅니다.아이콘의 권장 크기는 iPad의 경우 152x152(2011년에 출시된 iPad 2까지), Retina 화면이 있는 iPad의 경우 167x167(iPad 3 이상), iPhone의 경우 180x180(iPhone의 경우)입니다.일치하는 크기의 아이콘이 제공되지 않으면 iOS는 다음 아이콘 중 가장 큰 아이콘을 선택합니다.rel="apple-touch-icon"
자동으로 [43]확장됩니다.
- 코드[44] 예시
<!--아이패드용 --> < >링크 릴="애플 터치 아이콘" 유형="이미지/png" 사이즈="140x" href="sngicon-sngxsng.png">
<!-- iPhone의 경우 --> < >링크 릴="애플 터치 아이콘" 유형="이미지/png" 사이즈="180x180" href="paramicon-180x180.png">
에 의해 참조되는 아이콘 파일apple-touch-icon
둥근 모서리를 추가하도록 수정되었습니다.iOS 7보다 이전 iOS 버전에서는 드롭 섀도우와 반사 광택이 추가되어 있습니다.apple-touch-icon-precomposed
이미지에 반사 [41][42]광선을 가하지 않도록 장치에 지시하는 아이콘을 제공할 수 있습니다.
브라우저나 모바일 장치에서 이러한 아이콘을 검색하는 데 HTML이 필요하지 않습니다.[42]웹 사이트의 루트가 파일의 기본 위치입니다.apple-touch-icon.png
([41][42]우선순위)
안드로이드 장치
Android 기기에서 사용자는 Chrome의 도구 메뉴에 있는 홈 화면에 추가 기능을 사용하여 홈 화면에 웹 페이지를 고정할 수 있습니다.
이것은 어느 Web 사이트에서도 동작합니다만, favicon이 표시되지 않는 경우는, 범용 아이콘이 사용됩니다.Android 앱 아이콘의 사이즈는 48x48 포인트이므로 웹사이트는 48x48 픽셀의 배수로 파비콘을 제공합니다.최신 고해상도 장치의 경우 192x192픽셀의 [45]아이콘을 제공하는 것이 좋습니다.
- 코드[44] 예시
<!--안드로이드용 --> < >링크 릴="아이콘' 유형="이미지/png" 사이즈='48x48' href="sngicon-48x48.png"> < >링크 릴="아이콘' 유형="이미지/png" 사이즈="192 x 192" href="conticon-192x192.png">
Android는 웹 매니페스트 파일도 지원하므로 웹 사이트를 시스템과 더욱 긴밀하게 통합할 수 있습니다.웹 매니페스트는 프로그레시브 웹 앱의 메타 데이터를 지정하는 JSON 파일입니다.개발자는 아이콘을 제공할 뿐만 아니라 홈 화면에 표시할 수 있는 짧은 이름뿐만 아니라 테마 [46]색상도 제공할 수 있습니다.그러나 홈 화면에 추가 기능이 [44]작동하기 위해 웹 매니페스트 파일을 제공할 필요는 없습니다.
애니메이션 파비콘
크롬, 파이어폭스, 오페라 등 다양한 브라우저가 파비콘 애니메이션을 지원한다.Firefox의 버그리포트는 2001년부터 오픈되어 [47][48]이 기능을 무효로 하는 방법을 요구하고 있습니다.
제한과 비판
favicon은 항상 고정된 장소에서 체크해야 하기 때문에 페이지 로드 시간이 인위적으로 느려지고 존재하지 [6]않는 경우 서버 로그에 불필요한 404 엔트리가 기록될 수 있습니다.
W3C에서는 릴레이 어트리뷰트가 표준화되지 않았기 때문에 사용자 [11][24]에이전트에 의해 받아들여지는 숏컷아이콘 등의 다른 키워드가 있습니다.
Favicon은 HTTPS 웹 페이지에 대한 피싱 또는 도청 공격의 일부로 자주 조작됩니다.많은 웹 브라우저는 웹 브라우저의 UI 영역(예: 주소 표시줄) 근처에 favicon을 표시하며 웹 사이트에 대한 연결이 TLS와 같은 보안 프로토콜을 사용하고 있는지 여부를 전달하는 데 사용됩니다.공격자는 파비콘을 익숙한 자물쇠 이미지로 변경함으로써 사용자가 적절한 웹 사이트에 안전하게 연결되어 있다고 생각하게 할 수 있습니다.sslstrip과 같은 자동화된 man-in-the-middle 공격 도구가 이 기술을 [49]활용합니다.이를 제거하기 위해 Firefox나 Google Chrome과 같은 일부 웹 브라우저는 URL [50]옆에 웹 사이트에 액세스하는 데 사용되는 프로토콜의 보안 상태를 표시하면서 탭에 favicon을 표시합니다.
favicon은 보통 서버상의 사이트 디렉토리의 루트에 위치하기 때문에 웹 클라이언트가 특정 서비스에 로그인하고 있는지 여부를 확인하기 위해 어느 정도 신뢰성을 가지고 사용할 수 있습니다.이는 많은 웹 사이트의 로그인 후 리다이렉트 기능을 사용하여 로그인 후 URL에서 favicon을 조회하고 서버 응답을 테스트하여 사용자에게 요청된 리소스가 부여되는지(로그인 중임을 의미), 또는 로그인 페이지로 리다이렉트되는지(로그인하지 않음)를 판별함으로써 작동합니다.서비스).[51]
2021년 일리노이 [52]대학 연구진은 파비콘을 이용한 브라우저 추적 방법을 시연했다.
레퍼런스
- ^ a b c d Lane, Dave (9 August 2008). "Creating a Multi-Resolution Favicon Including Transparency with the GIMP". Egressive.com. Archived from the original on 25 December 2010. Retrieved 25 February 2011.
- ^ "What's With Google's New Mini Icon?". BBC. 20 January 2009. Retrieved 25 February 2011.
That 16x16 pixel square is the size of the favicon in question, if not the scope.
- ^ a b c Apple, Jennifer. "Favicon — How To Create A Favicon.ico". Photoshopsupport.com. Retrieved 25 February 2011.
- ^ a b c d e f g h i j k l "How to Add a Shortcut Icon to a Web Page". Microsoft Developer Network. Microsoft. Archived from the original on 5 January 2018. Retrieved 15 March 2010.
- ^ McGrew, Darin (26 April 2007). "Web Authoring FAQ – 8.11. How can I have a custom icon when people bookmark my site?". htmlhelp.com. Retrieved 23 February 2011.
- ^ a b c Heng, Christopher (7 September 2008). "What is Favicon.ico? Personalise Your Site's Bookmarks". thesitewizard.com. Retrieved 23 February 2011.
- ^ "Creating favicons with Adobe Photoshop and GoLive". Adobe GoLive. Archived from the original on 7 December 2003. Retrieved 25 February 2011.
{{cite web}}
: CS1 유지보수: 부적합한 URL(링크) - ^ "HTML 4.01 Specification". World Wide Web Consortium. 24 December 1999. Retrieved 14 March 2011.
- ^ "XHTML™ 1.0: The Extensible HyperText Markup Language". World Wide Web Consortium. 26 January 2000. Retrieved 14 March 2011.
- ^ Dubost, Karl (October 2005). "Web site meta data profile: favicon, ..." World Wide Web Consortium. Retrieved 23 February 2011.
- ^ a b Dubost, Karl (24 October 2005). "How to Add a Favicon to your Site". World Wide Web Consortium. Retrieved 25 February 2011.
- ^ Butcher, Simon (3 September 2003). "Published specification". Internet Assigned Numbers Authority. Retrieved 25 February 2011.
- ^ a b "IE9 RC Minor Changes List". IEInternals. Retrieved 7 April 2016.
- ^ Irish, Paul (15 December 2010). "commit 37b5fec090d00f38de64 to paulirish's html5-boilerplate". GitHub. Retrieved 25 February 2011.
- ^ "Link Relations". IANA.
- ^ Ian Hickson (19 January 2011). "HTML is the new HTML5". The WHATWG Blog. WHATWG.
- ^ "HTML5 revision r6404". HTML5 Tracker.
- ^ a b c David (19 July 2003). "Mozilla 0.9.6 Release Notes". Mozilla. Retrieved 23 February 2011.
- ^ a b "Bug 111373: don't allow animated site icons (favicons)". Retrieved 1 June 2014.
- ^ Daniel Holbert (12 June 2015). "Bug 366324 – SVG site icons (favicons, shortcut icons) support – comment 55". Bugzilla@Mozilla. Mozilla. Retrieved 12 June 2015.
- ^ tracker, chromium. "no movement in favicon". chromium.org. Retrieved 11 April 2016.
- ^ tracker, chromium. "Animated Favicons not supported". chromium.org. Retrieved 8 November 2018.
- ^ "Support for SVG in favicons - Chrome Platform Status". 19 November 2019. Retrieved 16 January 2020.
- ^ a b c d e f Davis, Jeff (27 December 2007). "why doesn't the favicon for my site appear in IE7?". jeffdav on code. Microsoft. Retrieved 11 March 2013.
- ^ a b c d e f Eric Lawrence (7 September 2013). "Fun with Favicons". Microsoft. Archived from the original on 23 May 2021. Retrieved 25 June 2022.
- ^ "SVG favicon support". Microsoft Connect. 3 May 2013. Retrieved 4 September 2014.
- ^ a b c d e "Opera 7 for Windows Changelog". Opera Software. 28 January 2003. Retrieved 28 February 2011.
- ^ "What's new in Opera". Opera Software. Retrieved 24 June 2017.
- ^ "Safari Technology Preview 58, with Safari 12 Features, is Now Available". WebKit. 6 June 2018. Retrieved 3 March 2019.
- ^ "Favicons. Finally". Iconfactory. 7 June 2018. Retrieved 3 March 2019.
- ^ a b c d e f g h i j k l m n o p q r s t u v w x y z aa Francis, Lewis (11 December 2007). "Chart of modern browser support for favicon". informationgift.com. Retrieved 23 February 2011.
- ^ "Firefox deems favicons risky, banishes them from address bar". Engadget. Retrieved 10 September 2012.
- ^ "How to enable favicons in Safari so you can identify websites in tabs graphically". iDownloadBlog. 14 June 2018. Retrieved 14 October 2020.
- ^ "Opera 10.0 beta 2 for Windows changelog". Opera Software. 16 July 2009. Retrieved 27 February 2011.
- ^ "IE9 RC Minor Changes List". Microsoft. 11 February 2011. Retrieved 16 November 2013.
- ^ "Creating Pinned Tab Icons". Apple Inc. 12 December 2016. Retrieved 9 April 2019.
- ^ Jonathan T. Neal (16 January 2013). "Understand the Favicon". Archived from the original on 23 May 2013. Retrieved 30 May 2013.
- ^ Mathias Bynens (14 April 2010). "rel="shortcut icon" considered harmful". Retrieved 15 November 2011.
- ^ "HTML Living Standard, Section 4.6.6.6 'Link type "icon"'". WHATWG. Retrieved 17 November 2015.
- ^ "iPhone Human Interface Guidelines for Web Applications: Metrics, Layout Guidelines, and Tips". Apple Inc. Retrieved 27 May 2010.
- ^ a b c "Safari Web Content Guide: Specifying a Webpage Icon for Web Clip". Apple Inc. 15 November 2010. Retrieved 25 February 2011.
- ^ a b c d McLellan, Drew (17 January 2008). "How To Set an Apple Touch Icon for Any Site". Allinthe head.com. Retrieved 11 March 2011.
- ^ "Configuring Web Applications". developer.apple.com. Retrieved 3 July 2021.
- ^ a b c "How to add a favicon to your website – The modern browser guide". Loqbooq Blog. Archived from the original on 11 July 2021. Retrieved 3 July 2021.
- ^ "Material Design". Material Design. Retrieved 3 July 2021.
- ^ "Add to Home screen - Progressive web apps (PWAs) MDN". developer.mozilla.org. Retrieved 3 July 2021.
- ^ "Bug 111373 - don't allow animated site icons (favicons)". bugzilla.mozilla.org. 21 November 2001.
- ^ "Firefox Bug 111373 - don't allow animated site icons (mozilla.org)". Hacker News. 7 July 2015.
- ^ Marlinspike, Moxie (21 February 2011). "Defeating Ssl Using Sslstrip (Marlinspike Blackhat)". (see description of video). SecurityTube. Archived from the original on 13 July 2011. Retrieved 9 July 2011.
- ^ "Firefox version 14 features". 18 July 2012. Retrieved 18 July 2012.
- ^ Linus, Robin. "Your Social Media Fingerprint". Retrieved 14 October 2016.
- ^ Goodin, Dan (19 February 2021). "New browser-tracking hack works even when you flush caches or go incognito". Ars Technica. Retrieved 21 February 2021.
외부 링크


- Favicon 추가 방법에 대한 W3C 웹 표준 조직에 대한 제안
- Favicons 2008 특허출원에 관한 시스템 및 방법