Karta przeglądarki · jasnaZaliczone
Favicon pexels.com
- 18zaliczone
- 2ostrzeżenia
- 2brakujące
- 2opcjonalne
Główny favicon pexels.com: favicon.ico, plik ICO z obrazami 16, 32, 48 i 64 px (31,3 KB). Znaleźliśmy 5 plików ikon, łącznie 67,1 KB. Wyszukiwarka Google może użyć pliku pexels-icon.png: plik PNG 192×192 (2,2 KB). Wynik witryny to 83 na 100: 18 zaliczonych, 2 ostrzeżenia, 2 brakujące. Brakuje: Favicon SVG, Manifest aplikacji internetowej.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
Karta przeglądarki · ciemnaZaliczone
Pexelshttps://www.pexels.com
Wyszukiwarka GoogleZaliczone
Pexels
Ekran główny iOSOstrzeżenie
iOS wypełnia przezroczyste obszary czernią. Nadaj ikonie jednolite tło.
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 pexels.com
Znaleziono: 5| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16, 32, 48, 64 px | 31,3 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48, 64 px | 31,3 KB |
| pexels-icon.png | rel="icon" | PNG | 192×192 | 2,2 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 192×192 | 1,4 KB |
| safari-pinned-tab.svg | rel="mask-icon" | SVG | wektor | 942 B |
Klasyczny favicon
Zaliczone: 3favicon.ico
ZaliczoneGET /favicon.ico · nie zadeklarowano w HTML (znaleziono w katalogu głównym)
- Format
- ICO (prawdziwy)
- Zawiera
- 16 · 32 · 48 · 64
- Rozmiar pliku
- 31,3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 1 godzina
ICO
Zaliczone<link href="https://static.pexels.com/1/images/meta/favicon.ico" rel="shortcut icon" type="image/x-icon" data-next-head="">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 16 · 32 · 48 · 64
- Format
- ICO
- Rozmiar pliku
- 31,3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
PNG 192×192
Zaliczone<link rel="icon" sizes="192x192" href="https://static.pexels.com/1/images/meta/pexels-icon.png" data-next-head="">
- Zadeklarowany
- 192×192
- Rzeczywisty
- 192×192
- Format
- PNG
- Rozmiar pliku
- 2,2 KB
- HTTP
- 200
- Content-Type
- image/png
Ikona SVG
Brakujące: 1svg
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: 1Apple touch icon
Ostrzeżenie<link rel="apple-touch-icon" href="https://static.pexels.com/1/images/meta/apple-touch-icon.png" data-next-head="">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 192×192
- Zalecany
- 180×180
- Tło
- przezroczysta
- Rozmiar pliku
- 1,4 KB
- HTTP
- 200
iOS wypełnia przezroczyste obszary czernią. Nadaj ikonie jednolite tło.
Przypięta karta w Safari (mask-icon)
Zaliczone<link rel="mask-icon" href="https://static.pexels.com/1/images/meta/safari-pinned-tab.svg" color="#54ca84" data-next-head="">
- Kolor
- #54ca84
- Rozmiar pliku
- 942 B
Przestarzałe. Safari 12+ używa zwykłego favicon.
Plik manifestu aplikacji internetowej
Brakujące: 1json
Manifest 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 · pexels-icon.png
- Kwadrat, co najmniej 8×8 px192×192
- Większa niż 48×48 px192 px
- Zadeklarowana na stronie głównejtak
- Niezablokowana w robots.txtdozwolony
- Stały adres URLbrak przekierowań
Meta i starsze
Zaliczone: 2 · Opcjonalne: 2- theme-color#232a34
- theme-color dla trybu ciemnegomedia="(prefers-color-scheme: dark)"nie ustawiono
- msapplication-TileColor#54ca84
- browserconfig.xmlKafelki Windows, starsze rozwiązanie.nie znaleziono
Dostarczanie i wydajność
Zaliczone: 6 · Ostrzeżenia: 1- HTTPS dla każdej ikony5 z 5
- 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ń.4 z 5 · ≥ 1 dzień
- Łączna waga ikon67,1 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link href="https://static.pexels.com/1/images/meta/favicon.ico" rel="shortcut icon" type="image/x-icon" data-next-head=""> <link rel="icon" sizes="192x192" href="https://static.pexels.com/1/images/meta/pexels-icon.png" data-next-head=""> <link rel="apple-touch-icon" href="https://static.pexels.com/1/images/meta/apple-touch-icon.png" data-next-head=""> <link rel="mask-icon" href="https://static.pexels.com/1/images/meta/safari-pinned-tab.svg" color="#54ca84" data-next-head=""> <meta name="theme-color" content="#232a34" data-next-head=""> <meta name="msapplication-TileColor" content="#54ca84" data-next-head="">
Pytania o favicon pexels.com
Gdzie jest favicon pexels.com?
Główny znajduje się pod adresem https://static.pexels.com/1/images/meta/favicon.ico. Domyślna ścieżka, https://www.pexels.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon pexels.com?
favicon.ico: 16, 32, 48, 64 px. Największa ikona rastrowa w witrynie to pexels-icon.png, 192×192 px.
Czy wyszukiwarka Google może pokazać favicon pexels.com?
Witryna spełnia zasady Google: pexels-icon.png to plik PNG 192×192 (2,2 KB), a robots.txt na to zezwala. Ostatecznie to Google decyduje, co pokaże.
Czy pexels.com ma ikonę Apple touch i ikonę maskable?
Ikona Apple touch: 192×192, z przezroczystymi obszarami, które iOS zamienia na czarne. Brak czytelnego manifestu aplikacji internetowej, więc nie ma też ikony maskable.