github.com 파비콘
- 23통과
- 5경고
- 1누락
- 4선택
github.com의 대표 파비콘 파일은 favicon.svg(959 B SVG 파일)입니다. 아이콘 파일 15개를 찾았으며, 총 크기는 115.2 KB입니다. 구글 검색에서 사용할 수 있는 파일: favicon.png(958 B 32×32 PNG 파일). 이 사이트의 점수는 100점 만점에 88점입니다. 통과 23개, 경고 5개, 누락 1개입니다. 누락: 마스커블 매니페스트 아이콘.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
어두운 탭에서도 아이콘이 보이는지 확인하세요.
iOS는 아이콘을 120 → 180 px로 확대하므로 Retina 화면에서 흐릿해 보입니다.
마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.
github.com의 파비콘 파일 전체
15개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 16, 32 px | 6.4 KB |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | 벡터 | 1009 B |
| favicon.png | rel="icon" | PNG | 32×32 | 958 B |
| favicon.svg | rel="icon" | SVG | 벡터 | 959 B |
| apple-touch-icon.png | 기본 경로 | PNG | 120×120 | 10.7 KB |
| app-icon-192-bcc967ab9829.png | 매니페스트 | PNG | 192×192 | 2.9 KB |
| app-icon-512-7f9c4ff2e960.png | 매니페스트 | PNG | 512×512 | 9.6 KB |
| apple-touch-icon-114x114-09ce42d3ca4b.png | 매니페스트 | PNG | 114×114 | 9.8 KB |
| apple-touch-icon-120x120-92bd46d04241.png | 매니페스트 | PNG | 120×120 | 10.7 KB |
| apple-touch-icon-144x144-b882e354c005.png | 매니페스트 | PNG | 144×144 | 14.1 KB |
| apple-touch-icon-152x152-5f777cdc30ae.png | 매니페스트 | PNG | 152×152 | 16.3 KB |
| apple-touch-icon-180x180-a80b8e11abe2.png | 매니페스트 | PNG | 180×180 | 20.6 KB |
| apple-touch-icon-57x57-22f09f5b3a64.png | 매니페스트 | PNG | 57×57 | 3.2 KB |
| apple-touch-icon-60x60-19037ac897bf.png | 매니페스트 | PNG | 60×60 | 3.5 KB |
| apple-touch-icon-72x72-e090c8a282d0.png | 매니페스트 | PNG | 72×72 | 4.4 KB |
기본 파비콘
통과 2개favicon.ico
통과GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 16 · 32
- 파일 크기
- 6.4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 캐시
- 10년
PNG
통과<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
- 선언값
- 크기 없음
- 실제값
- 32×32
- 형식
- PNG
- 파일 크기
- 958 B
- HTTP
- 200
- Content-Type
- image/png
SVG 아이콘
통과 1개SVG 파비콘
통과<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
- 정사각형 viewBox
- 예
- 다크 모드
- 아니요
- 스크립트
- 없음
- 파일 크기
- 959 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG 안에 prefers-color-scheme 미디어 쿼리를 추가하면 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.
Apple
통과 1개 · 경고 1개Apple touch icon
경고선언되지 않음 · /apple-touch-icon.png에서 발견
- 선언값
- 선언 안 됨
- 실제값
- 120×120
- 권장
- 180×180
- 배경
- 불투명
- 파일 크기
- 10.7 KB
- HTTP
- 200
iOS는 아이콘을 120 → 180 px로 확대하므로 Retina 화면에서 흐릿해 보입니다.
Safari 고정 탭(mask-icon)
통과<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
- 색상
- #000000
- 파일 크기
- 1009 B
레거시입니다. Safari 12 이상은 일반 파비콘을 사용합니다.
웹 앱 매니페스트 파일
통과 1개manifest.json
통과<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 유효
- 파일 크기
- 1.4 KB
- 동일 출처
- 예
- 캐시
- 7일
매니페스트 항목
통과 6개 · 경고 2개 · 누락 1개 · 선택 1개- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- theme_color설치한 앱의 제목 표시줄 색상입니다.설정 안 됨
- background_color스플래시 화면의 배경색입니다.설정 안 됨
- icons · 192×192PNG · 2.9 KB · 200
- icons · 512×512PNG · 9.6 KB · 200
- icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.찾을 수 없음
- id설정 안 됨
구글 검색
통과 5개 · 경고 1개- 지원되는 파일 형식PNG · favicon.png
- 정사각형, 8×8px 이상32×32
- 48×48px보다 큼구글은 선명하게 보이도록 48×48px보다 큰 아이콘을 권장합니다. 96×96 PNG를 선언하거나 180px Apple touch icon을 쓰면 됩니다.32 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 1개 · 선택 3개- theme-color#1e2327
- 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"설정 안 됨
- msapplication-TileColorWindows 타일, 레거시.설정 안 됨
- browserconfig.xmlWindows 타일, 레거시.찾을 수 없음
전송 및 성능
통과 6개 · 경고 1개- 모든 아이콘에 HTTPS15개 중 15개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음오류 0개
- 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.15개 중 12개 · 1일 이상
- 아이콘 총 용량115.2 KB
- 리디렉션0
- 중복 태그없음
<head>에서 찾은 아이콘 태그
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#1e2327">
github.com 파비콘 관련 질문
github.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://github.githubassets.com/favicons/favicon.svg입니다. 기본 경로 https://github.com/favicon.ico에서도 아이콘이 반환됩니다.
github.com 파비콘의 크기는 얼마인가요?
favicon.svg의 경우 벡터 파일이므로 어떤 크기로도 확대하거나 축소할 수 있습니다. 사이트에서 가장 큰 래스터 아이콘은 512×512px의 app-icon-512-7f9c4ff2e960.png입니다.
구글 검색에 github.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. favicon.png(958 B 32×32 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 구글은 48×48px보다 큰 아이콘을 권장하므로, 더 큰 아이콘이 더 선명하게 보입니다. 표시 여부는 구글이 최종적으로 결정합니다.
github.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 120×120입니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.