favicon-checker.com
사이트 검사
한국어
EnglishenEspañolesPortuguêsptFrançaisfrDeutschdeItalianoitPolskiplРусскийruTürkçetrBahasa Indonesiaid日本語ja한국어ko简体中文zh

mashable.com 파비콘

https://mashable.com/ · 확인

  • 14통과
  • 7경고
  • 9누락
  • 4선택

mashable.com의 대표 파비콘 파일은 favicon-32x32.jpg(652 B 32×32 WebP 파일)입니다. 아이콘 파일 5개를 찾았으며, 총 크기는 8.7 KB입니다. 구글 검색에서 사용할 수 있는 아이콘이 없습니다. 이 사이트의 점수는 100점 만점에 47점입니다. 통과 14개, 경고 7개, 누락 9개입니다. 누락: favicon.ico, JPG 512×512, SVG 파비콘 외 6개.

표시 모습

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

Mashable
브라우저 탭 · 라이트통과
Mashable
브라우저 탭 · 다크선택

어두운 탭에서도 아이콘이 보이는지 확인하세요.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
구글 검색누락
Mashable
iOS 홈 화면경고

iOS에는 PNG가 필요합니다. 이 파일은 WebP입니다.

512
Android · 마스커블누락

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

splash
PWA 설치 및 스플래시누락

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

mashable.com의 파비콘 파일 전체

5개 발견
파일발견 경로형식크기용량
favicon.svgrel="mask-icon"SVG벡터982 B
favicon-16x16.jpgrel="icon"WebP16×16250 B
favicon-32x32.jpgrel="icon"WebP32×32652 B
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803.3 KB
android-chrome-192x192.jpgrel="icon"WebP192×1923.6 KB

기본 파비콘

경고 3개 · 누락 2개
ico

favicon.ico

누락
GET /favicon.ico – 찾을 수 없음
HTTP
200

HTML에서 다른 아이콘을 선언해도 브라우저, RSS 리더, 많은 크롤러는 /favicon.ico를 요청합니다. URL이 이미지를 반환하지 않습니다(image/x-icon).

WebP 16×16

경고
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
선언값
16×16
실제값
16×16
형식
WebP
파일 크기
250 B
HTTP
200
Content-Type
image/webp

type 속성 값(image/jpg)과 실제 파일 형식(WebP)이 다릅니다.

WebP 32×32

경고
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
선언값
32×32
실제값
32×32
형식
WebP
파일 크기
652 B
HTTP
200
Content-Type
image/webp

type 속성 값(image/jpg)과 실제 파일 형식(WebP)이 다릅니다.

WebP 192×192

경고
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
선언값
192×192
실제값
192×192
형식
WebP
파일 크기
3.6 KB
HTTP
200
Content-Type
image/webp

type 속성 값(image/jpg)과 실제 파일 형식(WebP)이 다릅니다.

404

JPG 512×512

누락
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
HTTP
404

파일이 반환한 HTTP 상태: 404.

SVG 아이콘

누락 1개
svg

SVG 파비콘

누락
<link rel="icon" type="image/svg+xml" href="…"> – 찾을 수 없음

SVG 아이콘은 어떤 크기에서도 선명하고, 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.

Apple

통과 1개 · 경고 1개

Apple touch icon

경고
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
선언값
180×180
실제값
180×180
권장
180×180
배경
측정 안 됨
파일 크기
3.3 KB
HTTP
200

iOS에는 PNG가 필요합니다. 이 파일은 WebP입니다.

Safari 고정 탭(mask-icon)

통과
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
색상
설정 안 됨
파일 크기
982 B

레거시입니다. Safari 12 이상은 일반 파비콘을 사용합니다.

웹 앱 매니페스트 파일

통과 1개
json

manifest.json

통과
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
유효
파일 크기
468 B
동일 출처
예
캐시
30분

매니페스트 항목

통과 5개 · 경고 1개 · 누락 3개 · 선택 1개
  • name
    Mashable
  • short_name
    Mashable
  • start_url설치한 앱을 실행할 때 열리는 페이지입니다.
    설정 안 됨
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192파일이 반환한 HTTP 상태: 404.
    깨짐
  • icons · 512×512파일이 반환한 HTTP 상태: 404.
    깨짐
  • icons · purpose: maskable없으면 Android가 아이콘을 줄여 흰 원 위에 올립니다.
    찾을 수 없음
  • id
    설정 안 됨

구글 검색

통과 1개 · 경고 1개 · 누락 2개
  • 지원되는 파일 형식구글이 지원하는 형식은 BMP, GIF, ICO, PNG, JPEG, PPM, TIFF이며 SVG와 WebP는 빠져 있습니다. PNG나 ICO도 함께 선언하세요.
    WebP
  • 정사각형, 8×8px 이상구글은 정사각형(1:1) 아이콘이 필요합니다.
    정사각형 아이콘 없음
  • 48×48px보다 큼구글은 선명하게 보이도록 48×48px보다 큰 아이콘을 권장합니다. 96×96 PNG를 선언하거나 180px Apple touch icon을 쓰면 됩니다.
    –
  • 홈페이지에 선언됨
    예

메타 및 레거시

통과 1개 · 선택 3개
  • theme-color
    #00aeef
  • 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"
    설정 안 됨
  • msapplication-TileColorWindows 타일, 레거시.
    설정 안 됨
  • browserconfig.xmlWindows 타일, 레거시.
    찾을 수 없음

전송 및 성능

통과 5개 · 경고 1개 · 누락 1개
  • 모든 아이콘에 HTTPS
    5개 중 5개
  • 혼합 콘텐츠 없음
    http:// 링크 0개
  • 깨진 링크 없음/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    오류 3개
  • 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.
    5개 중 0개 · 1일 이상
  • 아이콘 총 용량
    8.7 KB
  • 리디렉션
    0
  • 중복 태그
    없음

<head>에서 찾은 아이콘 태그

<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<meta name="theme-color" content="#00aeef">

mashable.com 파비콘 관련 질문

mashable.com 파비콘은 어디에 있나요?

대표 파비콘 주소는 https://mashable.com/favicons/favicon-32x32.jpg입니다.

mashable.com 파비콘의 크기는 얼마인가요?

favicon-32x32.jpg의 크기는 32×32입니다. 사이트에서 가장 큰 래스터 아이콘은 192×192px의 android-chrome-192x192.jpg입니다.

구글 검색에 mashable.com의 파비콘이 표시될 수 있나요?

현재로서는 어렵습니다. 구글은 홈페이지에 선언된 ICO, PNG, GIF, JPEG, BMP 형식의 정사각형 아이콘을 요구합니다.

mashable.com에 Apple touch icon과 마스커블 아이콘이 있나요?

Apple touch icon 크기는 180×180입니다. 매니페스트에 마스커블 아이콘이 없어 Android가 일반 아이콘을 줄여 흰 원 위에 올립니다.

다른 파비콘 검사 결과

검사한 전체 사이트