Favicon cnet.com
- 16zaliczone
- 6ostrzeżeń
- 5brakujące
- 7opcjonalne
Główny favicon cnet.com: cropped-favicon-480.png, plik WebP 32×32 (776 B). Znaleźliśmy 4 pliki ikon, łącznie 21,3 KB. Wyszukiwarka Google może użyć pliku favicon.ico: plik ICO z obrazami 16 px (198 B). Wynik witryny to 76 na 100: 16 zaliczonych, 6 ostrzeżeń, 5 brakujących. Brakuje: Favicon SVG, name, Ikona manifestu 192 px i jeszcze 2.
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 cnet.com
Znaleziono: 4| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16 px | 198 B |
| cropped-favicon-480.png | rel="icon" | WebP | 32×32 | 776 B |
| cropped-favicon-480.png | rel="icon" | WebP | 192×192 | 10,7 KB |
| cropped-favicon-480.png | rel="apple-touch-icon" | WebP | 180×180 | 9,6 KB |
Klasyczny favicon
Zaliczone: 3favicon.ico
ZaliczoneGET /favicon.ico · nie zadeklarowano w HTML (znaleziono w katalogu głównym)
- Format
- ICO (prawdziwy)
- Zawiera
- 16
- Rozmiar pliku
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 godziny
WebP 32×32
Zaliczone<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32">
- Zadeklarowany
- 32×32
- Rzeczywisty
- 32×32
- Format
- WebP
- Rozmiar pliku
- 776 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Zaliczone<link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192">
- Zadeklarowany
- 192×192
- Rzeczywisty
- 192×192
- Format
- WebP
- Rozmiar pliku
- 10,7 KB
- HTTP
- 200
- Content-Type
- image/webp
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
Ostrzeżenia: 1 · Opcjonalne: 1Apple touch icon
Ostrzeżenie<link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 180×180
- Zalecany
- 180×180
- Tło
- nie zmierzono
- Rozmiar pliku
- 9,6 KB
- HTTP
- 200
iOS wymaga PNG; tu jest WebP.
Przypięta karta w Safari (mask-icon)
Opcjonalne<link rel="mask-icon" href="…" color="…"> – nie znaleziono
Przestarzałe. Safari 12+ używa zwykłego favicon, więc nie jest to już wymagane.
Plik manifestu aplikacji internetowej
Zaliczone: 1manifest.json
Zaliczone<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- poprawny
- Rozmiar pliku
- 229 B
- Ten sam origin
- tak
- Cache
- 5 min
Pola manifestu
Zaliczone: 1 · Ostrzeżenia: 3 · Brakujące: 4 · Opcjonalne: 2- nameWyświetlana pod ikoną po zainstalowaniu witryny.nie ustawiono
- short_nameUżywana na ekranie głównym, gdy name jest za długie.nie ustawiono
- start_urlStrona otwierana po uruchomieniu zainstalowanej aplikacji.nie ustawiono
- displaystandalone
- theme_colorNadaje kolor paskowi tytułu zainstalowanej aplikacji.nie ustawiono
- background_colorTło ekranu startowego.nie ustawiono
- icons · 192×192Android używa jej jako ikony ekranu głównego.nie znaleziono
- icons · 512×512Potrzebna do monitu o instalację i ekranu startowego.nie znaleziono
- icons · purpose: maskableBez niej Android zmniejsza ikonę i umieszcza ją na białym kole.nie znaleziono
- idnie ustawiono
Wyszukiwarka Google
Zaliczone: 5 · Ostrzeżenia: 1- Obsługiwany format plikuICO · favicon.ico
- Kwadrat, co najmniej 8×8 px16×16
- 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.16 px
- Zadeklarowana na stronie głównejtak
- Niezablokowana w robots.txtdozwolony
- Stały adres URLbrak przekierowań
Meta i starsze
Opcjonalne: 4- theme-colorNadaje kolor interfejsowi przeglądarki na telefonie.nie ustawiono
- 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: 6 · Ostrzeżenia: 1- HTTPS dla każdej ikony4 z 4
- Brak zawartości mieszanej0 linków http://
- Brak uszkodzonych linków0 błędów
- Nagłówki cacheIkony rzadko się zmieniają, więc ustaw cache na co najmniej dzień.3 z 4 · ≥ 1 dzień
- Łączna waga ikon21,3 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link rel="manifest" href="https://www.cnet.com/wp-content/themes/ziff-davis-theme/src/features/push-notifications/manifest.json"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=180"> <meta name="msapplication-TileImage" content="https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=270">
Pytania o favicon cnet.com
Gdzie jest favicon cnet.com?
Główny znajduje się pod adresem https://www.cnet.com/wp-content/uploads/sites/2/cropped-favicon-480.png?w=32. Domyślna ścieżka, https://www.cnet.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon cnet.com?
cropped-favicon-480.png: 32×32. Największa ikona rastrowa w witrynie to cropped-favicon-480.png, 192×192 px.
Czy wyszukiwarka Google może pokazać favicon cnet.com?
Witryna spełnia zasady Google: favicon.ico to plik ICO z obrazami 16 px (198 B), a robots.txt na to zezwala. Google zaleca więcej niż 48×48 px, więc większa ikona byłaby ostrzejsza. Ostatecznie to Google decyduje, co pokaże.
Czy cnet.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.