Favicon cnn.com
- 14zaliczone
- 2ostrzeżenia
- 2brakujące
- 5opcjonalne
Główny favicon cnn.com: favicon.ico, plik ICO z obrazami 16, 32 i 48 px (11,2 KB). Znaleźliśmy 3 pliki ikon, łącznie 27,7 KB. Wyszukiwarka Google może użyć pliku apple-touch-icon.png: plik PNG 76×76 (5,2 KB). Wynik witryny to 83 na 100: 14 zaliczonych, 2 ostrzeżenia, 2 brakujące. Brakuje: Favicon SVG, Manifest aplikacji internetowej.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
iOS wypełnia przezroczyste obszary czernią i powiększa 76 → 180 px, więc ikona jest rozmyta na ekranach Retina.
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 cnn.com
Znaleziono: 3| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16, 32, 48 px | 11,2 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 76×76 | 5,2 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 11,2 KB |
Klasyczny favicon
Zaliczone: 2favicon.ico
ZaliczoneGET /favicon.ico · nie zadeklarowano w HTML (znaleziono w katalogu głównym)
- Format
- ICO (prawdziwy)
- Zawiera
- 16 · 32 · 48
- Rozmiar pliku
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 60 s
ICO
Zaliczone<link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 16 · 32 · 48
- Format
- ICO
- Rozmiar pliku
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
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 href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 76×76
- Zalecany
- 180×180
- Tło
- przezroczysta
- Rozmiar pliku
- 5,2 KB
- HTTP
- 200
iOS wypełnia przezroczyste obszary czernią i powiększa 76 → 180 px, więc ikona jest rozmyta na ekranach Retina.
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
Brakujące: 1Manifest aplikacji internetowej
Brak<link rel="manifest" href="…"> – nie znaleziono
Android i instalowalne aplikacje internetowe biorą ikony, nazwę i kolory z manifestu.
Wyszukiwarka Google
Zaliczone: 6- Obsługiwany format plikuPNG · apple-touch-icon.png
- Kwadrat, co najmniej 8×8 px76×76
- Większa niż 48×48 px76 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 ikony3 z 3
- 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ń.0 z 3 · ≥ 1 dzień
- Łączna waga ikon27,7 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"> <link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
Pytania o favicon cnn.com
Gdzie jest favicon cnn.com?
Główny znajduje się pod adresem https://www.cnn.com/media/sites/cnn/favicon.ico. Domyślna ścieżka, https://www.cnn.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon cnn.com?
favicon.ico: 16, 32, 48 px. Największa ikona rastrowa w witrynie to apple-touch-icon.png, 76×76 px.
Czy wyszukiwarka Google może pokazać favicon cnn.com?
Witryna spełnia zasady Google: apple-touch-icon.png to plik PNG 76×76 (5,2 KB), a robots.txt na to zezwala. Ostatecznie to Google decyduje, co pokaże.
Czy cnn.com ma ikonę Apple touch i ikonę maskable?
Ikona Apple touch: 76×76, z przezroczystymi obszarami, które iOS zamienia na czarne. Brak czytelnego manifestu aplikacji internetowej, więc nie ma też ikony maskable.