vercel.com 파비콘
- 25통과
- 1경고
- 2누락
- 10선택
vercel.com의 대표 파비콘 파일은 favicon.ico(16, 32 및 48 px 이미지가 든 14.7 KB ICO 파일)입니다. 아이콘 파일 14개를 찾았으며, 총 크기는 37.0 KB입니다. 구글 검색에서 사용할 수 있는 파일: apple-touch-icon-256x256.png(745 B 256×256 PNG 파일). 이 사이트의 점수는 100점 만점에 92점입니다. 통과 25개, 경고 1개, 누락 2개입니다. 누락: SVG 파비콘, 마스커블 매니페스트 아이콘.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.
vercel.com의 파비콘 파일 전체
14개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 265 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 272 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 294 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 304 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 375 B |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 391 B |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 466 B |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 474 B |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 534 B |
| apple-touch-icon-256x256.png | rel="apple-touch-icon" | PNG | 256×256 | 745 B |
| android-chrome-192x192.png | 매니페스트 | PNG | 192×192 | 934 B |
| android-chrome-512x512.png | 매니페스트 | PNG | 512×512 | 2.6 KB |
기본 파비콘
통과 2개favicon.ico
통과GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 16 · 32 · 48
- 파일 크기
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- 캐시
- 4시간
ICO
통과<link rel="icon shortcut" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico" type="image/x-icon">
- 선언값
- 크기 없음
- 실제값
- 16 · 32 · 48
- 형식
- ICO
- 파일 크기
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 아이콘
누락 1개SVG 파비콘
누락<link rel="icon" type="image/svg+xml" href="…"> – 찾을 수 없음
SVG 아이콘은 어떤 크기에서도 선명하고, 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.
Apple
선택 7개Apple touch icon 57×57
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-57x57.png" sizes="57x57">
- 선언값
- 57×57
- 실제값
- 57×57
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 265 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 60×60
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-60x60.png" sizes="60x60">
- 선언값
- 60×60
- 실제값
- 60×60
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 272 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 72×72
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-72x72.png" sizes="72x72">
- 선언값
- 72×72
- 실제값
- 72×72
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 294 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 76×76
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-76x76.png" sizes="76x76">
- 선언값
- 76×76
- 실제값
- 76×76
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 304 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 114×114
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-114x114.png" sizes="114x114">
- 선언값
- 114×114
- 실제값
- 114×114
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 375 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 120×120
선택<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-120x120.png" sizes="120x120">
- 선언값
- 120×120
- 실제값
- 120×120
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 391 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Safari 고정 탭(mask-icon)
선택<link rel="mask-icon" href="…" color="…"> – 찾을 수 없음
레거시입니다. Safari 12 이상은 일반 파비콘을 사용하므로 더 이상 필요하지 않습니다.
웹 앱 매니페스트 파일
통과 1개manifest.webmanifest
통과<link rel="manifest" href="/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 유효
- 파일 크기
- 519 B
- 동일 출처
- 예
- 캐시
- 0초
매니페스트 항목
통과 8개 · 누락 1개 · 선택 1개- nameVercel
- short_nameVercel
- start_url/
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 934 B · 200
- icons · 512×512PNG · 2.6 KB · 200
- icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.찾을 수 없음
- id설정 안 됨
구글 검색
통과 6개- 지원되는 파일 형식PNG · apple-touch-icon-256x256.png
- 정사각형, 8×8px 이상256×256
- 48×48px보다 큼256 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 2개 · 선택 2개- theme-color#FAFAFA
- 다크 모드용 theme-color#000
- msapplication-TileColorWindows 타일, 레거시.설정 안 됨
- browserconfig.xmlWindows 타일, 레거시.찾을 수 없음
전송 및 성능
통과 6개 · 경고 1개- 모든 아이콘에 HTTPS14개 중 14개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음오류 0개
- 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.14개 중 13개 · 1일 이상
- 아이콘 총 용량37.0 KB
- 리디렉션0
- 중복 태그없음
<head>에서 찾은 아이콘 태그
<link rel="manifest" href="/manifest.webmanifest"> <link rel="icon shortcut" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-57x57.png" sizes="57x57"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-60x60.png" sizes="60x60"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-72x72.png" sizes="72x72"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-76x76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-114x114.png" sizes="114x114"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-120x120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-144x144.png" sizes="144x144"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-152x152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-180x180.png" sizes="180x180"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-256x256.png" sizes="256x256"> <meta name="theme-color" content="#FAFAFA" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)">
vercel.com 파비콘 관련 질문
vercel.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico입니다. 기본 경로 https://vercel.com/favicon.ico에서도 아이콘이 반환됩니다.
vercel.com 파비콘의 크기는 얼마인가요?
favicon.ico의 크기는 16, 32, 48 px입니다. 사이트에서 가장 큰 래스터 아이콘은 512×512px의 android-chrome-512x512.png입니다.
구글 검색에 vercel.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. apple-touch-icon-256x256.png(745 B 256×256 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 표시 여부는 구글이 최종적으로 결정합니다.
vercel.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 180×180입니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.