blogger.com 파비콘
- 20통과
- 6경고
- 7누락
- 9선택
blogger.com의 대표 파비콘 파일은 favicon-32x32.png(448 B 32×32 PNG 파일)입니다. 아이콘 파일 13개를 찾았으며, 총 크기는 17.5 KB입니다. 구글 검색에서 사용할 수 있는 파일: android-chrome-192x192.png(1.9 KB 192×192 PNG 파일). 이 사이트의 점수는 100점 만점에 71점입니다. 통과 20개, 경고 6개, 누락 7개입니다. 누락: PNG 16×16, 아이콘, SVG 파비콘 외 4개.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
매니페스트 아이콘이 없어 Android가 스크린샷이나 글자로 대체합니다.
매니페스트에 512px 아이콘이 없어 설치 안내와 스플래시 화면이 나오지 않습니다.
blogger.com의 파비콘 파일 전체
13개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 16, 32 px | 3.6 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 730 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 708 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 907 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 907 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 1.2 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.3 KB |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 1.4 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 1.6 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 1.8 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 448 B |
| android-chrome-192x192.png | rel="icon" | PNG | 192×192 | 1.9 KB |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 1.1 KB |
기본 파비콘
통과 4개 · 누락 2개favicon.ico
통과GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 16 · 32
- 파일 크기
- 3.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 캐시
- 7일
PNG 32×32
통과<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
- 선언값
- 32×32
- 실제값
- 32×32
- 형식
- PNG
- 파일 크기
- 448 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
통과<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
- 선언값
- 192×192
- 실제값
- 192×192
- 형식
- PNG
- 파일 크기
- 1.9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
통과<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
- 선언값
- 96×96
- 실제값
- 96×96
- 형식
- PNG
- 파일 크기
- 1.1 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
누락<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
파일을 가져오지 못했습니다(연결 실패).
아이콘
누락<link rel="shortcut icon" href="favicon/favicon.ico">
파일을 가져오지 못했습니다(연결 실패).
SVG 아이콘
누락 1개SVG 파비콘
누락<link rel="icon" type="image/svg+xml" href="…"> – 찾을 수 없음
SVG 아이콘은 어떤 크기에서도 선명하고, 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.
Apple
경고 1개 · 선택 6개Apple touch icon 57×57
선택<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
- 선언값
- 57×57
- 실제값
- 57×57
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 730 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 60×60
선택<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
- 선언값
- 60×60
- 실제값
- 60×60
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 708 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 72×72
선택<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
- 선언값
- 72×72
- 실제값
- 72×72
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 907 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 76×76
선택<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
- 선언값
- 76×76
- 실제값
- 76×76
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 907 B
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 114×114
선택<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
- 선언값
- 114×114
- 실제값
- 114×114
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 1.2 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 120×120
선택<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
- 선언값
- 120×120
- 실제값
- 120×120
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 1.3 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Safari 고정 탭(mask-icon)
경고<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
- 색상
- #5bbad5
파일을 가져오지 못했습니다(연결 실패).
웹 앱 매니페스트 파일
통과 1개manifest.json
통과<link rel="manifest" href="favicon/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 유효
- 파일 크기
- 878 B
- 동일 출처
- 예
- 캐시
- 0초
매니페스트 항목
통과 1개 · 경고 4개 · 누락 3개 · 선택 2개- nameBlogger
- short_namename이 너무 길 때 홈 화면에서 대신 사용됩니다.설정 안 됨
- start_url설치한 앱을 실행할 때 열리는 페이지입니다.설정 안 됨
- display기본값 "browser"는 설치할 수 없는 모드입니다.설정 안 됨
- theme_color설치한 앱의 제목 표시줄 색상입니다.설정 안 됨
- background_color스플래시 화면의 배경색입니다.설정 안 됨
- icons · 192×192파일이 반환한 HTTP 상태: 404.깨짐
- icons · 512×512설치 안내와 스플래시 화면에 필요합니다.찾을 수 없음
- icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.찾을 수 없음
- id설정 안 됨
구글 검색
통과 6개- 지원되는 파일 형식PNG · android-chrome-192x192.png
- 정사각형, 8×8px 이상192×192
- 48×48px보다 큼192 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 3개 · 선택 1개- theme-color#ffffff
- 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"설정 안 됨
- msapplication-TileColor#da532c
- browserconfig.xml발견
전송 및 성능
통과 5개 · 경고 1개 · 누락 1개- 모든 아이콘에 HTTPS13개 중 13개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.png오류 6개
- 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.13개 중 1개 · 1일 이상
- 아이콘 총 용량17.5 KB
- 리디렉션0
- 중복 태그없음
<head>에서 찾은 아이콘 태그
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="favicon/manifest.json"> <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="favicon/favicon.ico"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="favicon/mstile-144x144.png"> <meta name="msapplication-config" content="favicon/browserconfig.xml"> <meta name="theme-color" content="#da532c">
blogger.com 파비콘 관련 질문
blogger.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://www.blogger.com/about/favicon/favicon-32x32.png입니다. 기본 경로 https://www.blogger.com/favicon.ico에서도 아이콘이 반환됩니다.
blogger.com 파비콘의 크기는 얼마인가요?
favicon-32x32.png의 크기는 32×32입니다. 사이트에서 가장 큰 래스터 아이콘은 192×192px의 android-chrome-192x192.png입니다.
구글 검색에 blogger.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. android-chrome-192x192.png(1.9 KB 192×192 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 표시 여부는 구글이 최종적으로 결정합니다.
blogger.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 180×180입니다. 투명 영역이 있어 iOS에서 검게 바뀝니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.