Favicon mashable.com
- 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.
Sprawdź, czy ikona jest widoczna na ciemnej karcie.
iOS wymaga PNG; tu jest WebP.
Brak ikon w manifeście, więc Android użyje zrzutu ekranu lub litery.
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ło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | wektor | 982 B |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 B |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 B |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3,3 KB |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3,6 KB |
Klasyczny favicon
Ostrzeżenia: 3 · Brakujące: 2favicon.ico
BrakGET /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.
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: 1Favicon 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: 1Apple 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: 1manifest.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- nameMashable
- short_nameMashable
- start_urlStrona otwierana po uruchomieniu zainstalowanej aplikacji.nie ustawiono
- displaystandalone
- 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
- idnie 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łównejtak
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 ikony5 z 5
- Brak zawartości mieszanej0 linków http://
- Brak uszkodzonych linków/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 błędy
- Nagłówki cacheIkony rzadko się zmieniają, więc ustaw cache na co najmniej dzień.0 z 5 · ≥ 1 dzień
- Łączna waga ikon8,7 KB
- Przekierowania0
- Zduplikowane znacznikibrak
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.