Favicon netlify.com
- 17zaliczone
- 8ostrzeżeń
- 2brakujące
- 6opcjonalne
Główny favicon netlify.com: icon.svg, plik SVG o rozmiarze 1,3 KB. Znaleźliśmy 6 plików ikon, łącznie 37,3 KB. Wyszukiwarka Google może użyć pliku apple-touch-icon.png: plik PNG 180×180 (1,4 KB). Wynik witryny to 78 na 100: 17 zaliczonych, 8 ostrzeżeń, 2 brakujące. Brakuje: name, Ikona manifestu maskable.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
SVG zmienia kolory w ciemnych motywach.
Brak ikony maskable, więc Android zmniejsza zwykłą ikonę i umieszcza ją na białym kole.
Wszystkie pliki favicon witryny netlify.com
Znaleziono: 6| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16, 32, 48 px | 14,7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14,7 KB |
| icon.svg | rel="icon" | SVG | wektor | 1,3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,4 KB |
| icon-192.png | manifest | PNG | 192×192 | 1,4 KB |
| icon-512.png | manifest | PNG | 512×512 | 3,7 KB |
Klasyczny favicon
Zaliczone: 1 · Ostrzeżenia: 1favicon.ico
OstrzeżenieGET /favicon.ico · nie zadeklarowano w HTML (znaleziono w katalogu głównym)
- Format
- ICO (prawdziwy)
- Zawiera
- 16 · 32 · 48
- Rozmiar pliku
- 14,7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Cache
- 4 godziny
Adres ikony przekierowuje, a niektóre roboty i czytniki RSS nie podążają za przekierowaniami ikon. Udostępnij plik pod jego docelowym adresem.
ICO 32×32
Zaliczone<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Zadeklarowany
- 32×32
- Rzeczywisty
- 16 · 32 · 48
- Format
- ICO
- Rozmiar pliku
- 14,7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Ikona SVG
Zaliczone: 1Favicon SVG
Zaliczone<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- Kwadratowy viewBox
- tak
- Tryb ciemny
- tak
- Skrypty
- brak
- Rozmiar pliku
- 1,3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
Zaliczone: 1 · Opcjonalne: 1Apple touch icon
Zaliczone<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 180×180
- Zalecany
- 180×180
- Tło
- nieprzezroczysta
- Rozmiar pliku
- 1,4 KB
- HTTP
- 200
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
Ostrzeżenia: 1site.webmanifest
Ostrzeżenie<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- poprawny
- Rozmiar pliku
- 180 B
- Ten sam origin
- tak
- Cache
- 0 s
Serwuj manifest jako application/manifest+json.
Pola manifestu
Zaliczone: 2 · Ostrzeżenia: 4 · Brakujące: 2 · 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
- displayDomyślnie "browser", co nie pozwala na instalację.nie ustawiono
- theme_colorNadaje kolor paskowi tytułu zainstalowanej aplikacji.nie ustawiono
- background_colorTło ekranu startowego.nie ustawiono
- icons · 192×192PNG · 1,4 KB · 200
- icons · 512×512PNG · 3,7 KB · 200
- icons · purpose: maskableBez niej Android zmniejsza ikonę i umieszcza ją na białym kole.nie znaleziono
- idnie ustawiono
Wyszukiwarka Google
Zaliczone: 6- Obsługiwany format plikuPNG · apple-touch-icon.png
- Kwadrat, co najmniej 8×8 px180×180
- Większa niż 48×48 px180 px
- Zadeklarowana na stronie głównejtak
- Niezablokowana w robots.txtdozwolony
- Stały adres URLbrak przekierowań
Meta i starsze
Zaliczone: 1 · Opcjonalne: 3- theme-color#ffffff
- 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: 2- HTTPS dla każdej ikony6 z 6
- 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 6 · ≥ 1 dzień
- Łączna waga ikon37,3 KB
- Przekierowania/favicon.ico → /favicon/favicon.ico1
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
Pytania o favicon netlify.com
Gdzie jest favicon netlify.com?
Główny znajduje się pod adresem https://www.netlify.com/favicon/icon.svg. Domyślna ścieżka, https://www.netlify.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon netlify.com?
icon.svg to plik wektorowy, więc skaluje się do dowolnego rozmiaru. Największa ikona rastrowa w witrynie to icon-512.png, 512×512 px.
Czy wyszukiwarka Google może pokazać favicon netlify.com?
Witryna spełnia zasady Google: apple-touch-icon.png to plik PNG 180×180 (1,4 KB), a robots.txt na to zezwala. Ostatecznie to Google decyduje, co pokaże.
Czy netlify.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.