Aplikacje i panele
Pokaż ikonę każdej strony obok jej linku w CRM, na stronie z zakładkami, na liście integracji lub w cotygodniowym raporcie.
Wklej adres strony i pobierz jej favicon i ikony aplikacji albo pełny zestaw faviconów: ICO, pliki PNG od 16 do 512 px i manifest aplikacji internetowej.
Wypróbuj
Masz już plik?
Upuść logo, aby je otworzyć
Kliknij logo, aby wypróbować kolejne znalezione na tej stronie albo je usunąć.
Animowane filmy z logo 3D na Reels, TikToka i YouTube, błyszczące obrazy 3D i pliki do druku 3D, gotowe w kilka sekund w Twojej przeglądarce.
Trzy kroki. Bez rozszerzenia przeglądarki, bez kodu, bez konta.
Wpisz lub wklej adres strony i rozpocznij wyszukiwanie. Narzędzie odczytuje każdą ikonę zadeklarowaną przez stronę: ikonę karty przeglądarki, ikonę na ekranie głównym iPhone'a, ikony aplikacji internetowej i ikonę przypiętej karty w Safari.
Każda ikona jest pokazana w dużym rozmiarze, z typem i rozmiarem w pikselach opisanymi prostymi słowami. Chcesz całe logo firmy zamiast ikony? Pobierz pełne logo firmy w narzędziu Logo Finder.
Zapisz ikonę jako PNG lub SVG, kliknij ICO, aby dostać jeden plik .ico ze wszystkimi rozmiarami od 16 do 256 px, albo pobierz zestaw faviconów: pliki PNG 16, 32, 48, 180, 192 i 512 px, pliki .ico i site.webmanifest, razem w jednym pliku ZIP.
Większość stron ma do czterech rodzajów ikon, każdy przeznaczony do innego miejsca. Narzędzie znajduje je wszystkie, więc możesz wybrać najostrzejszą.
| Ikona | Gdzie ją widać | Rozmiar | Jak oznacza ją strona |
|---|---|---|---|
| Favicon | Karty przeglądarki, zakładki, historia i obok strony w wynikach Google | Małe kwadraty, np. 16, 32 i 48 px; Google zaleca ikony większe niż 48 × 48 px w wyszukiwarce | rel="icon" albo plik /favicon.ico |
| Apple touch icon | Ekrany główne iPhone'a i iPada | 180 × 180 px dla iPhone'a, według przewodnika Apple Safari Web Content Guide (wersja archiwalna) | rel="apple-touch-icon" |
| Ikony aplikacji internetowej | Ekrany główne Androida, zainstalowane aplikacje internetowe i ich ekrany powitalne | 192 i 512 px: przeglądarki oparte na Chromium potrzebują obu, aby zainstalować aplikację internetową | Wymienione w pliku site.webmanifest |
| Ikona przypiętej karty w Safari | Przypięte karty w Safari na Macu | Jednokolorowy SVG, ostry w każdym rozmiarze | rel="mask-icon" |
Duże ikony aplikacji to najlepszy punkt wyjścia do wszystkiego, co jest większe niż ikona karty przeglądarki: kafelka, slajdu, drukowanej listy.
Przeglądarka dochodzi do ikony strony krótką ścieżką. Narzędzie przechodzi tę samą ścieżkę, więc znajduje to, co pokazałaby każda przeglądarka i każdy telefon.
Najpierw sekcja head strony. Znaczniki link z atrybutem rel="icon" wskazują pliki ikon, często po jednym na każdy rozmiar plus SVG, a przeglądarka wybiera ten, który najlepiej pasuje do ekranu.
Potem katalog główny strony. Gdy żadna ikona nie jest wskazana, przeglądarka prosi o plik /favicon.ico na najwyższym poziomie strony, czyli w miejscu, które wprowadził dla faviconów wczesny Internet Explorer. Narzędzie sprawdza też lokalizacje w katalogu głównym.
Telefony odczytują własne ikony. iPhone'y i iPady szukają ikony Apple touch icon, a Android i zainstalowane aplikacje internetowe odczytują ikony wymienione w pliku site.webmanifest.
Google odczytuje stronę główną. Do wyników wyszukiwania Google bierze ikonę podlinkowaną na stronie głównej, o ile Googlebot ma dostęp zarówno do strony, jak i do pliku ikony.
Większość stron ma tę samą ikonę w kilku rozmiarach. Weź tę, która pasuje do zadania, a od razu dostaniesz ostrą ikonę.
Każda ikona zadeklarowana przez stronę dostaje własny kafelek z rozmiarem w pikselach: ikony karty 16, 32 lub 48 px, Apple touch icon 180 px, ikony aplikacji internetowej do 512 px oraz SVG, jeśli strona go ma.
Do listy, tabeli lub mockupu karty przeglądarki ikona karty ma już właściwy rozmiar. Do slajdu, kafelka lub drukowanej listy weź ikonę aplikacji 512 px albo SVG. Do skrótu w Windows kliknij ICO przy największej ikonie, aby dostać jeden plik .ico ze wszystkimi rozmiarami od 16 do 256 px.
Wolisz zrobić ikony z własnego obrazu? Konwerter PNG na ICO zamienia dowolny PNG lub logo w wielorozmiarowy plik .ico i pełny zestaw faviconów.
Wszystkie pliki ikon, których potrzebuje strona, utworzone z jednej ikony lub logo, w jednym pakiecie do pobrania.
| Plik | Co to jest | Do czego służy |
|---|---|---|
| favicon.ico | Jeden plik ikony z małymi rozmiarami | Plik, o który przeglądarki proszą stronę pod adresem /favicon.ico. Format ICO mieści kilka ikon w jednym pliku. |
| icon-256.ico | Jeden plik ikony ze wszystkimi rozmiarami od 16 do 256 px | Skróty, foldery i ikony aplikacji w Windows, ostre od paska tytułu po menu Start |
| PNG 16, 32 i 48 px | Małe kwadratowe pliki PNG z przezroczystym tłem | Karty przeglądarki, zakładki i skróty, na zwykłych ekranach i ekranach o wysokiej rozdzielczości |
| PNG 180 px | Ikona Apple touch icon | Ekrany główne iPhone'a i iPada |
| PNG 192 px | Ikona aplikacji internetowej | Ekrany główne Androida i zainstalowane aplikacje internetowe |
| PNG 512 px | Duża ikona aplikacji internetowej | Ekrany instalacji i ekrany powitalne oraz każde miejsce, w którym potrzebna jest duża kwadratowa ikona |
| favicon.svg | Ikona w wersji wektorowej, jeśli logo ją ma | Ostre ikony kart w każdym rozmiarze w przeglądarkach, które odczytują ikony SVG |
| site.webmanifest | Mały plik tekstowy | Wskazuje Androidowi i zainstalowanym aplikacjom internetowym ikony 192 i 512 px |
| add-to-your-head.html | Wiersze do sekcji head Twojej strony | Skopiuj i wklej, aby podlinkować wszystkie ikony za jednym razem |
Każdy rozmiar i miejsce, w którym się wyświetla, dla faviconów, profili w mediach społecznościowych i druku: poradnik o rozmiarach faviconów i logo.
Skopiuj pliki z zestawu do głównego folderu strony i dodaj cztery wiersze do sekcji head każdej podstrony.
Gdy pliki są w katalogu głównym (tam, gdzie jest strona główna), te wiersze wskazują je przeglądarkom, telefonom i Google. Użyj nazw plików ze swojego zestawu:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Kreatory stron i platformy sklepowe mają zamiast tego ustawienie ikony witryny: prześlij tam plik PNG 512 px.
Google może pokazywać Twój favicon obok Twoich stron w wynikach wyszukiwania. Jego wytyczne wymagają kwadratowej ikony podlinkowanej na stronie głównej, zalecają ikonę większą niż 48 × 48 px i wymagają, aby Googlebot mógł ją pobrać.
Favicon to logo firmy w najmniejszej i najbardziej rozpoznawalnej postaci, dlatego przydaje się daleko poza kartą przeglądarki.
Pokaż ikonę każdej strony obok jej linku w CRM, na stronie z zakładkami, na liście integracji lub w cotygodniowym raporcie.
Karta przeglądarki, ekran główny telefonu albo slajd z listą narzędzi, z których korzysta zespół, wyglądają realistycznie z własną ikoną każdej strony.
Zobacz w dużym rozmiarze, na jasnym i ciemnym tle, każdą ikonę, którą udostępnia Twoja strona, i sprawdź, jakie rodzaje ma: ikonę karty, Apple touch icon, ikony aplikacji, ikonę przypiętej karty.
Zbierz obecne ikony klienta przed przeprojektowaniem, a potem przekaż mu nowy zestaw faviconów zrobiony z nowego logo.
Małe kwadratowe ikony układają się równo w siatce partnerów, wtyczek lub metod płatności, każda na własnym, schludnym kafelku.
Mała kwadratowa ikona pozwala od razu rozpoznać każdy wiersz listy dostawców, stosu technologicznego lub planu projektu.
Pełne logotypy dla rzędu klientów, wszystkie w dopasowanych rozmiarach: kreator ściany logo. Czysta, przezroczysta ikona z logo na białym tle: narzędzie Usuń tło z logo.
Upuść logo w polu i kliknij „Favicony”: logo trafia na środek kwadratu, czyli kształtu, którego oczekuje każde miejsce na ikonę, a wszystkie powyższe rozmiary powstają z tego jednego pliku.
Ikona karty ma tylko 16 pikseli szerokości, więc symbol lub pojedyncza litera z logo są czytelniejsze niż pełna nazwa. Wersje „Białe” i „Dowolny kolor” jednym kliknięciem tworzą jasną ikonę lub ikonę w kolorze marki, a narzędzie Wektoryzacja logo daje Ci wektor znaku na start.
Piszesz dla programistów lub właścicieli stron? Dodaj link do tej strony za każdym razem, gdy mowa o faviconach.
Skopiuj kod poniżej lub zacytuj narzędzie tak: Proofscene, „Darmowe narzędzie Pobierz favicon”, proofscene.com, 2026.
<a href="https://proofscene.com/pl/narzedzia/pobierz-favicon/">Darmowe narzędzie Pobierz favicon</a>Jasne odpowiedzi o faviconach: jak je pobrać, gdzie strony je przechowują, w jakich są rozmiarach i jak zrobić własny.
Zadaj nam pytanieWklej adres strony do narzędzia Pobierz favicon. Narzędzie odczyta ikonę karty, Apple touch icon, ikony aplikacji internetowej i ikonę przypiętej karty w Safari, pokaże każdą z nich w dużym rozmiarze razem z wymiarami i pozwoli pobrać dowolną jako PNG lub ICO albo cały zestaw faviconów.
Wybierz największą ikonę, jaką ma strona. Apple touch icon ma zwykle 180 px, a ikony aplikacji internetowej sięgają 512 px, są więc dużo ostrzejsze niż ikona karty 16 px. Niektóre strony mają też ikonę SVG, ostrą w każdym rozmiarze. Pełne logo firmy pobierzesz w narzędziu Logo Finder.
Tam, gdzie wskazuje sekcja head strony: znacznik link podaje każdy plik ikony, często w kilku rozmiarach. Wiele stron trzyma też plik favicon.ico w katalogu głównym i wymienia swoje ikony aplikacji w pliku site.webmanifest. Narzędzie odczytuje je wszystkie, a gdy strona nie wskazuje żadnej ikony, sprawdza typowe lokalizacje w katalogu głównym.
Favicon to mała kwadratowa ikona, którą strona pokazuje na kartach przeglądarki, w zakładkach i w historii oraz obok swoich podstron w wynikach Google. Zwykle jest to symbol z logo lub jego pierwsza litera, narysowane tak, aby były czytelne przy 16 pikselach.
Tak. Każda ikona zadeklarowana przez stronę pojawia się na osobnym kafelku z typem i rozmiarem w pikselach: ikona karty, Apple touch icon, ikony aplikacji internetowej i ikona przypiętej karty. Pobierz dowolną z nich albo cały komplet jako zestaw faviconów.
Tak. Upuść logo na tej stronie i kliknij „Favicony”: dostaniesz plik favicon.ico, plik .ico ze wszystkimi rozmiarami od 16 do 256 px, pliki PNG 16, 32, 48, 180, 192 i 512 px, plik site.webmanifest i wiersze HTML do sekcji head strony, wszystko utworzone w Twojej przeglądarce.
Bo ikona karty jest malutka, często ma od 16 do 48 px. Jeśli potrzebujesz ostrzejszej ikony, weź Apple touch icon strony lub jedną z jej ikon aplikacji internetowej, które są dużo większe, albo pobierz pełne logo w narzędziu Logo Finder.
Tak. Strony możesz sprawdzać bez rejestracji, a darmowe konto odblokowuje więcej wyszukiwań. Tworzenie zestawu faviconów z własnego logo jest darmowe i bez limitu.
Jak oceniasz przydatność tego narzędzia?
Proofscene zamienia proofy PDF w interaktywne proofy 3D pod linkiem z Twoją marką, więc klienci widzą swoje karty, opakowania i opaski, zanim powstaną.
Darmowe konto · Bez karty kredytowej · Stworzone przez drukarzy