favicon-checker.com

blogger.com 파비콘

https://www.blogger.com/about/?bpli=1 · 리디렉션 5회 · 확인

  • 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개.

표시 모습

찾은 파일을 실제로 렌더링한 모습입니다.

Blogger.com - Create a unique and beautiful blog easily.
브라우저 탭 · 라이트통과
Blogger.com - Create a unique and beautiful blog easily.
브라우저 탭 · 다크통과
Bloggerhttps://www.blogger.com
Blogger.com - Create a unique and beautiful blog easily. Publish your passions your way. Whether you’d like to share your knowledge, experiences or the latest news, create a unique and beautiful blog.
구글 검색통과
Blogger
iOS 홈 화면선택

구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.

512
Android · 마스커블누락

매니페스트 아이콘이 없어 Android가 스크린샷이나 글자로 대체합니다.

splash
PWA 설치 및 스플래시누락

매니페스트에 512px 아이콘이 없어 설치 안내와 스플래시 화면이 나오지 않습니다.

blogger.com의 파비콘 파일 전체

13개 발견
파일발견 경로형식크기용량
favicon.ico기본 경로ICO16, 32 px3.6 KB
apple-touch-icon-57x57.pngrel="apple-touch-icon"PNG57×57730 B
apple-touch-icon-60x60.pngrel="apple-touch-icon"PNG60×60708 B
apple-touch-icon-72x72.pngrel="apple-touch-icon"PNG72×72907 B
apple-touch-icon-76x76.pngrel="apple-touch-icon"PNG76×76907 B
apple-touch-icon-114x114.pngrel="apple-touch-icon"PNG114×1141.2 KB
apple-touch-icon-120x120.pngrel="apple-touch-icon"PNG120×1201.3 KB
apple-touch-icon-144x144.pngrel="apple-touch-icon"PNG144×1441.4 KB
apple-touch-icon-152x152.pngrel="apple-touch-icon"PNG152×1521.6 KB
apple-touch-icon-180x180.pngrel="apple-touch-icon"PNG180×1801.8 KB
favicon-32x32.pngrel="icon"PNG32×32448 B
android-chrome-192x192.pngrel="icon"PNG192×1921.9 KB
favicon-96x96.pngrel="icon"PNG96×961.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
404

PNG 16×16

누락
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">

파일을 가져오지 못했습니다(연결 실패).

404

아이콘

누락
<link rel="shortcut icon" href="favicon/favicon.ico">

파일을 가져오지 못했습니다(연결 실패).

SVG 아이콘

누락 1개
svg

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 아이콘을 사용합니다.

mask

Safari 고정 탭(mask-icon)

경고
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
색상
#5bbad5

파일을 가져오지 못했습니다(연결 실패).

웹 앱 매니페스트 파일

통과 1개
json

manifest.json

통과
<link rel="manifest" href="favicon/manifest.json">
HTTP
200
Content-Type
application/json
JSON
유효
파일 크기
878 B
동일 출처
예
캐시
0초

매니페스트 항목

통과 1개 · 경고 4개 · 누락 3개 · 선택 2개
  • name
    Blogger
  • 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개
  • 모든 아이콘에 HTTPS
    13개 중 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가 일반 아이콘을 줄여 흰 원 위에 올립니다.

다른 파비콘 검사 결과

검사한 전체 사이트