Karta przeglądarki · jasnaZaliczone
Favicon heroku.com
- 14zaliczone
- 4ostrzeżenia
- 2brakujące
- 4opcjonalne
Główny favicon heroku.com: apple-touch-icon-180x180-1.png, plik WebP 32×32 (616 B). Znaleźliśmy 3 pliki ikon, łącznie 8,7 KB. Wyszukiwarka Google może użyć pliku favicon.ico: plik ICO z obrazami 16 px (198 B). Wynik witryny to 80 na 100: 14 zaliczonych, 4 ostrzeżenia, 2 brakujące. Brakuje: Favicon SVG, Manifest aplikacji internetowej.
Jak to wygląda
Wyrenderowane z odnalezionych plików.
Karta przeglądarki · ciemnaOpcjonalne
Sprawdź, czy ikona jest widoczna na ciemnej karcie.
Herokuhttps://www.heroku.com
Wyszukiwarka GoogleOstrzeżenie
Heroku
Ekran główny iOSOstrzeżenie
iOS wymaga PNG; tu jest WebP.
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 heroku.com
Znaleziono: 3| Plik | Źródło | Format | Wymiary | Waga |
|---|---|---|---|---|
| favicon.ico | ścieżka domyślna | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 KB |
Klasyczny favicon
Zaliczone: 2 · Ostrzeżenia: 1favicon.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.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Zadeklarowany
- 32×32
- Rzeczywisty
- 32×32
- Format
- WebP
- Rozmiar pliku
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Ostrzeżenie<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Zadeklarowany
- 192×192
- Rzeczywisty
- 180×180
- Format
- WebP
- Rozmiar pliku
- 7,9 KB
- HTTP
- 200
- Content-Type
- image/webp
Zadeklarowany rozmiar nie zgadza się z plikiem. Przeglądarki mogą wybrać złą ikonę dla małych kart.
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
Ostrzeżenia: 1 · Opcjonalne: 1Apple touch icon
Ostrzeżenie<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Zadeklarowany
- brak rozmiarów
- Rzeczywisty
- 180×180
- Zalecany
- 180×180
- Tło
- nie zmierzono
- Rozmiar pliku
- 7,9 KB
- HTTP
- 200
iOS wymaga PNG; tu jest WebP.
mask
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: 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: 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
Zaliczone: 1 · Opcjonalne: 3- theme-color#5A1BA9
- 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ń.2 z 3 · ≥ 1 dzień
- Łączna waga ikon8,7 KB
- Przekierowania0
- Zduplikowane znacznikibrak
Znaczniki ikon w <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Pytania o favicon heroku.com
Gdzie jest favicon heroku.com?
Główny znajduje się pod adresem https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. Domyślna ścieżka, https://www.heroku.com/favicon.ico, również zwraca ikonę.
Jaki rozmiar ma favicon heroku.com?
apple-touch-icon-180x180-1.png: 32×32. Największa ikona rastrowa w witrynie to apple-touch-icon-180x180-1.png, 180×180 px.
Czy wyszukiwarka Google może pokazać favicon heroku.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 heroku.com ma ikonę Apple touch i ikonę maskable?
Ikona Apple touch: 180×180. Brak czytelnego manifestu aplikacji internetowej, więc nie ma też ikony maskable.