favicon-checker.com

Favicon mashable.com

https://mashable.com/ · sprawdzono

  • 14zaliczone
  • 7ostrzeżeń
  • 9brakujące
  • 4opcjonalne

Główny favicon mashable.com: favicon-32x32.jpg, plik WebP 32×32 (652 B). Znaleźliśmy 5 plików ikon, łącznie 8,7 KB. Żadna z ikon witryny nie nadaje się dla wyszukiwarki Google. Wynik witryny to 47 na 100: 14 zaliczonych, 7 ostrzeżeń, 9 brakujących. Brakuje: favicon.ico, JPG 512×512, Favicon SVG i jeszcze 6.

Jak to wygląda

Wyrenderowane z odnalezionych plików.

Mashable
Karta przeglądarki · jasnaZaliczone
Mashable
Karta przeglądarki · ciemnaOpcjonalne

Sprawdź, czy ikona jest widoczna na ciemnej karcie.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Wyszukiwarka GoogleBrak
Mashable
Ekran główny iOSOstrzeżenie

iOS wymaga PNG; tu jest WebP.

512
Android · maskableBrak

Brak ikon w manifeście, więc Android użyje zrzutu ekranu lub litery.

splash
Instalacja PWA i ekran startowyBrak

Brak ikony 512 px w manifeście, więc nie będzie monitu o instalację ani ekranu startowego.

Wszystkie pliki favicon witryny mashable.com

Znaleziono: 5
PlikŹródłoFormatWymiaryWaga
favicon.svgrel="mask-icon"SVGwektor982 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

Klasyczny favicon

Ostrzeżenia: 3 · Brakujące: 2
ico

favicon.ico

Brak
GET /favicon.ico – nie znaleziono
HTTP
200

Przeglądarki, czytniki RSS i wiele robotów pobierają /favicon.ico, nawet gdy HTML deklaruje inne ikony. Ten adres URL nie zwraca obrazu (image/x-icon).

WebP 16×16

Ostrzeżenie
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
Zadeklarowany
16×16
Rzeczywisty
16×16
Format
WebP
Rozmiar pliku
250 B
HTTP
200
Content-Type
image/webp

Atrybut type wskazuje image/jpg, ale plik to WebP.

WebP 32×32

Ostrzeżenie
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
Zadeklarowany
32×32
Rzeczywisty
32×32
Format
WebP
Rozmiar pliku
652 B
HTTP
200
Content-Type
image/webp

Atrybut type wskazuje image/jpg, ale plik to WebP.

WebP 192×192

Ostrzeżenie
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
Zadeklarowany
192×192
Rzeczywisty
192×192
Format
WebP
Rozmiar pliku
3,6 KB
HTTP
200
Content-Type
image/webp

Atrybut type wskazuje image/jpg, ale plik to WebP.

404

JPG 512×512

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

Plik zwraca HTTP 404.

Ikona SVG

Brakujące: 1
svg

Favicon SVG

Brak
<link rel="icon" type="image/svg+xml" href="…"> – nie znaleziono

Ikona SVG jest ostra w każdym rozmiarze i może zmieniać kolory w ciemnych motywach przeglądarki.

Apple

Zaliczone: 1 · Ostrzeżenia: 1

Apple touch icon

Ostrzeżenie
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
Zadeklarowany
180×180
Rzeczywisty
180×180
Zalecany
180×180
Tło
nie zmierzono
Rozmiar pliku
3,3 KB
HTTP
200

iOS wymaga PNG; tu jest WebP.

Przypięta karta w Safari (mask-icon)

Zaliczone
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
Kolor
nie ustawiono
Rozmiar pliku
982 B

Przestarzałe. Safari 12+ używa zwykłego favicon.

Plik manifestu aplikacji internetowej

Zaliczone: 1
json

manifest.json

Zaliczone
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
poprawny
Rozmiar pliku
468 B
Ten sam origin
tak
Cache
30 min

Pola manifestu

Zaliczone: 5 · Ostrzeżenia: 1 · Brakujące: 3 · Opcjonalne: 1
  • name
    Mashable
  • short_name
    Mashable
  • start_urlStrona otwierana po uruchomieniu zainstalowanej aplikacji.
    nie ustawiono
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192Plik zwraca HTTP 404.
    uszkodzony
  • icons · 512×512Plik zwraca HTTP 404.
    uszkodzony
  • icons · purpose: maskableBez niej Android zmniejsza ikonę i umieszcza ją na białym kole.
    nie znaleziono
  • id
    nie ustawiono

Wyszukiwarka Google

Zaliczone: 1 · Ostrzeżenia: 1 · Brakujące: 2
  • Obsługiwany format plikuGoogle wymienia BMP, GIF, ICO, PNG, JPEG, PPM i TIFF, czyli bez SVG i WebP. Zadeklaruj dodatkowo PNG lub ICO.
    WebP
  • Kwadrat, co najmniej 8×8 pxGoogle wymaga kwadratowej ikony (1:1).
    brak kwadratowej ikony
  • Większa niż 48×48 pxGoogle zaleca więcej niż 48×48, aby ikona była ostra. Wystarczy zadeklarowany PNG 96×96 lub ikona Apple touch 180 px.
    –
  • Zadeklarowana na stronie głównej
    tak

Meta i starsze

Zaliczone: 1 · Opcjonalne: 3
  • theme-color
    #00aeef
  • theme-color dla trybu ciemnegomedia="(prefers-color-scheme: dark)"
    nie ustawiono
  • msapplication-TileColorKafelki Windows, starsze rozwiązanie.
    nie ustawiono
  • browserconfig.xmlKafelki Windows, starsze rozwiązanie.
    nie znaleziono

Dostarczanie i wydajność

Zaliczone: 5 · Ostrzeżenia: 1 · Brakujące: 1
  • HTTPS dla każdej ikony
    5 z 5
  • Brak zawartości mieszanej
    0 linków http://
  • Brak uszkodzonych linków/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 błędy
  • Nagłówki cacheIkony rzadko się zmieniają, więc ustaw cache na co najmniej dzień.
    0 z 5 · ≥ 1 dzień
  • Łączna waga ikon
    8,7 KB
  • Przekierowania
    0
  • Zduplikowane znaczniki
    brak

Znaczniki ikon w <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">

Pytania o favicon mashable.com

Gdzie jest favicon mashable.com?

Główny znajduje się pod adresem https://mashable.com/favicons/favicon-32x32.jpg.

Jaki rozmiar ma favicon mashable.com?

favicon-32x32.jpg: 32×32. Największa ikona rastrowa w witrynie to android-chrome-192x192.jpg, 192×192 px.

Czy wyszukiwarka Google może pokazać favicon mashable.com?

Obecnie nie: Google wymaga kwadratowej ikony w formacie ICO, PNG, GIF, JPEG lub BMP, zadeklarowanej na stronie głównej.

Czy mashable.com ma ikonę Apple touch i ikonę maskable?

Ikona Apple touch: 180×180. Manifest nie zawiera ikony maskable, więc Android zmniejsza zwykłą i umieszcza ją na białym kole.

Więcej raportów favicon

Wszystkie sprawdzone strony