브라우저 탭 · 라이트통과
netlify.com 파비콘
- 17통과
- 8경고
- 2누락
- 6선택
netlify.com의 대표 파비콘 파일은 icon.svg(1.3 KB SVG 파일)입니다. 아이콘 파일 6개를 찾았으며, 총 크기는 37.3 KB입니다. 구글 검색에서 사용할 수 있는 파일: apple-touch-icon.png(1.4 KB 180×180 PNG 파일). 이 사이트의 점수는 100점 만점에 78점입니다. 통과 17개, 경고 8개, 누락 2개입니다. 누락: name, 마스커블 매니페스트 아이콘.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
브라우저 탭 · 다크통과
이 SVG는 다크 테마에서 색상이 바뀝니다.
Netlifyhttps://www.netlify.com
구글 검색통과
Netlify
iOS 홈 화면통과
Android · 마스커블누락
마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.
PWA 설치 및 스플래시통과
netlify.com의 파비콘 파일 전체
6개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| icon.svg | rel="icon" | SVG | 벡터 | 1.3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1.4 KB |
| icon-192.png | 매니페스트 | PNG | 192×192 | 1.4 KB |
| icon-512.png | 매니페스트 | PNG | 512×512 | 3.7 KB |
기본 파비콘
통과 1개 · 경고 1개favicon.ico
경고GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 16 · 32 · 48
- 파일 크기
- 14.7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- 캐시
- 4시간
아이콘 URL이 리디렉션됩니다. 일부 크롤러와 RSS 리더는 아이콘의 리디렉션을 따라가지 않으므로 최종 URL에서 파일을 제공하세요.
ICO 32×32
통과<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- 선언값
- 32×32
- 실제값
- 16 · 32 · 48
- 형식
- ICO
- 파일 크기
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG 아이콘
통과 1개SVG 파비콘
통과<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- 정사각형 viewBox
- 예
- 다크 모드
- 예
- 스크립트
- 없음
- 파일 크기
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
통과 1개 · 선택 1개Apple touch icon
통과<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- 선언값
- 크기 없음
- 실제값
- 180×180
- 권장
- 180×180
- 배경
- 불투명
- 파일 크기
- 1.4 KB
- HTTP
- 200
mask
Safari 고정 탭(mask-icon)
선택<link rel="mask-icon" href="…" color="…"> – 찾을 수 없음
레거시입니다. Safari 12 이상은 일반 파비콘을 사용하므로 더 이상 필요하지 않습니다.
웹 앱 매니페스트 파일
경고 1개json
site.webmanifest
경고<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- 유효
- 파일 크기
- 180 B
- 동일 출처
- 예
- 캐시
- 0초
매니페스트는 application/manifest+json으로 제공하세요.
매니페스트 항목
통과 2개 · 경고 4개 · 누락 2개 · 선택 2개- name사이트를 설치했을 때 아이콘 아래에 표시됩니다.설정 안 됨
- short_namename이 너무 길 때 홈 화면에서 대신 사용됩니다.설정 안 됨
- start_url설치한 앱을 실행할 때 열리는 페이지입니다.설정 안 됨
- display기본값 "browser"는 설치할 수 없는 모드입니다.설정 안 됨
- theme_color설치한 앱의 제목 표시줄 색상입니다.설정 안 됨
- background_color스플래시 화면의 배경색입니다.설정 안 됨
- icons · 192×192PNG · 1.4 KB · 200
- icons · 512×512PNG · 3.7 KB · 200
- icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.찾을 수 없음
- id설정 안 됨
구글 검색
통과 6개- 지원되는 파일 형식PNG · apple-touch-icon.png
- 정사각형, 8×8px 이상180×180
- 48×48px보다 큼180 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 1개 · 선택 3개- theme-color#ffffff
- 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"설정 안 됨
- msapplication-TileColorWindows 타일, 레거시.설정 안 됨
- browserconfig.xmlWindows 타일, 레거시.찾을 수 없음
전송 및 성능
통과 5개 · 경고 2개- 모든 아이콘에 HTTPS6개 중 6개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음오류 0개
- 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.6개 중 0개 · 1일 이상
- 아이콘 총 용량37.3 KB
- 리디렉션/favicon.ico → /favicon/favicon.ico1
- 중복 태그없음
<head>에서 찾은 아이콘 태그
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
netlify.com 파비콘 관련 질문
netlify.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://www.netlify.com/favicon/icon.svg입니다. 기본 경로 https://www.netlify.com/favicon.ico에서도 아이콘이 반환됩니다.
netlify.com 파비콘의 크기는 얼마인가요?
icon.svg의 경우 벡터 파일이므로 어떤 크기로도 확대하거나 축소할 수 있습니다. 사이트에서 가장 큰 래스터 아이콘은 512×512px의 icon-512.png입니다.
구글 검색에 netlify.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. apple-touch-icon.png(1.4 KB 180×180 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 표시 여부는 구글이 최종적으로 결정합니다.
netlify.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 180×180입니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.