브라우저 탭 · 라이트통과
buzzfeed.com 파비콘
- 20통과
- 5경고
- 4누락
- 9선택
buzzfeed.com의 대표 파비콘 파일은 favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico(16, 24, 32, 48 및 96 px 이미지가 든 54.3 KB ICO 파일)입니다. 아이콘 파일 9개를 찾았으며, 총 크기는 190.8 KB입니다. 구글 검색에서 사용할 수 있는 파일: touch-icon-android.6f90f349a263fafae3843e9decf2812a.png(5.9 KB 192×192 PNG 파일). 이 사이트의 점수는 100점 만점에 80점입니다. 통과 20개, 경고 5개, 누락 4개입니다. 누락: SVG 파비콘, 192px 매니페스트 아이콘, 512px 매니페스트 아이콘 외 1개.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
브라우저 탭 · 다크통과
BuzzFeedhttps://www.buzzfeed.com
구글 검색통과
BuzzFeed
iOS 홈 화면경고
iOS는 투명 영역을 검은색으로 채웁니다. 아이콘에 단색 배경을 지정하세요.
512
Android · 마스커블누락
매니페스트 아이콘이 없어 Android가 스크린샷이나 글자로 대체합니다.
splash
PWA 설치 및 스플래시누락
매니페스트에 512px 아이콘이 없어 설치 안내와 스플래시 화면이 나오지 않습니다.
buzzfeed.com의 파비콘 파일 전체
9개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 16, 32, 48, 64, 128 px | 97.3 KB |
| touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png | rel="apple-touch-icon" | PNG | 60×60 | 1.6 KB |
| touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png | rel="apple-touch-icon" | PNG | 76×76 | 2.1 KB |
| touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png | rel="apple-touch-icon" | PNG | 120×120 | 3.5 KB |
| touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png | rel="apple-touch-icon" | PNG | 152×152 | 4.5 KB |
| touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png | rel="apple-touch-icon" | PNG | 180×180 | 5.5 KB |
| touch-icon-android.6f90f349a263fafae3843e9decf2812a.png | rel="icon" | PNG | 192×192 | 5.9 KB |
| favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico | rel="icon" | ICO | 16, 24, 32, 48, 96 px | 54.3 KB |
| buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.png | 매니페스트 | PNG | 144×144 | 16.0 KB |
기본 파비콘
통과 2개 · 경고 1개favicon.ico
통과GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 16 · 32 · 48 · 64 · 128
- 파일 크기
- 97.3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 캐시
- 12개월
PNG 196×196
경고<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
- 선언값
- 196×196
- 실제값
- 192×192
- 형식
- PNG
- 파일 크기
- 5.9 KB
- HTTP
- 200
- Content-Type
- image/png
선언한 크기가 실제 파일과 다릅니다. 작은 탭에서 브라우저가 엉뚱한 아이콘을 고를 수 있습니다.
ICO
통과<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
- 선언값
- 크기 없음
- 실제값
- 16 · 24 · 32 · 48 · 96
- 형식
- ICO
- 파일 크기
- 54.3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG 아이콘
누락 1개svg
SVG 파비콘
누락<link rel="icon" type="image/svg+xml" href="…"> – 찾을 수 없음
SVG 아이콘은 어떤 크기에서도 선명하고, 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.
Apple
경고 1개 · 선택 5개Apple touch icon 60×60
선택<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
- 선언값
- 크기 없음
- 실제값
- 60×60
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 1.6 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 76×76
선택<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
- 선언값
- 76×76
- 실제값
- 76×76
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 2.1 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 120×120
선택<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
- 선언값
- 120×120
- 실제값
- 120×120
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 3.5 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 152×152
선택<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
- 선언값
- 152×152
- 실제값
- 152×152
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 4.5 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon
경고<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
- 선언값
- 180×180
- 실제값
- 180×180
- 권장
- 180×180
- 배경
- 투명
- 파일 크기
- 5.5 KB
- HTTP
- 200
iOS는 투명 영역을 검은색으로 채웁니다. 아이콘에 단색 배경을 지정하세요.
mask
Safari 고정 탭(mask-icon)
선택<link rel="mask-icon" href="…" color="…"> – 찾을 수 없음
레거시입니다. Safari 12 이상은 일반 파비콘을 사용하므로 더 이상 필요하지 않습니다.
웹 앱 매니페스트 파일
통과 1개json
manifest.json
통과<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 유효
- 파일 크기
- 346 B
- 동일 출처
- 예
- 캐시
- no-cache
매니페스트 항목
통과 3개 · 경고 3개 · 누락 3개 · 선택 1개- nameBuzzFeed
- short_nameBuzzFeed
- start_url설치한 앱을 실행할 때 열리는 페이지입니다.설정 안 됨
- display기본값 "browser"는 설치할 수 없는 모드입니다.설정 안 됨
- theme_color#ee3322
- background_color스플래시 화면의 배경색입니다.설정 안 됨
- icons · 192×192Android가 홈 화면 아이콘으로 사용합니다.찾을 수 없음
- icons · 512×512설치 안내와 스플래시 화면에 필요합니다.찾을 수 없음
- icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.찾을 수 없음
- id설정 안 됨
구글 검색
통과 6개- 지원되는 파일 형식PNG · touch-icon-android.6f90f349a263fafae3843e9decf2812a.png
- 정사각형, 8×8px 이상192×192
- 48×48px보다 큼192 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 1개 · 선택 3개- theme-color#ee3322
- 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"설정 안 됨
- msapplication-TileColorWindows 타일, 레거시.설정 안 됨
- browserconfig.xmlWindows 타일, 레거시.찾을 수 없음
전송 및 성능
통과 7개- 모든 아이콘에 HTTPS9개 중 9개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음오류 0개
- 캐시 헤더9개 중 9개 · 1일 이상
- 아이콘 총 용량190.8 KB
- 리디렉션0
- 중복 태그없음
<head>에서 찾은 아이콘 태그
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json"> <link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png"> <link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png"> <link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon"> <meta name="theme-color" content="#ee3322">
buzzfeed.com 파비콘 관련 질문
buzzfeed.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico입니다. 기본 경로 https://www.buzzfeed.com/favicon.ico에서도 아이콘이 반환됩니다.
buzzfeed.com 파비콘의 크기는 얼마인가요?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico의 크기는 16, 24, 32, 48, 96 px입니다. 사이트에서 가장 큰 래스터 아이콘은 192×192px의 touch-icon-android.6f90f349a263fafae3843e9decf2812a.png입니다.
구글 검색에 buzzfeed.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. touch-icon-android.6f90f349a263fafae3843e9decf2812a.png(5.9 KB 192×192 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 표시 여부는 구글이 최종적으로 결정합니다.
buzzfeed.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 180×180입니다. 투명 영역이 있어 iOS에서 검게 바뀝니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.