Nowe strony internetowe
Stwórz prostą literę lub ikonę emoji w ciągu minuty, dopóki prawdziwe logo jest jeszcze w trakcie projektowania.
Generator favikonów — Utwórz plik favicon.ico oraz ikony w formacie PNG na podstawie tekstu, emoji lub obrazka.
Wpisz jedną lub dwie litery albo emoji albo prześlij swoje logo, a otrzymasz gotowy zestaw plików faviconów: favicon.ico, 16×16, 32×32, 48×48, ikonę dotykową Apple o wymiarach 180×180 oraz ikony aplikacji o wymiarach 192×192 i 512×512. Skopiuj fragment kodu HTML i gotowe. Obrazy są przetwarzane w Twojej przeglądarce.
Stwórz moją ikonę strony
Obraz pozostaje w przeglądarce
Zaprojektuj swoją ikonę
Podgląd i pobieranie
Przewodnik
Przewodnik po generatorze favikonów: rozmiary, pliki i niezbędny kod HTML
Jakie pliki faviconów są potrzebne na stronie i jak je dodać.
Czym jest generator favikonów?
Favicon to mała ikona wyświetlana w kartach przeglądarki, zakładkach i wynikach wyszukiwania obok nazwy Twojej witryny. Dobrze zaprojektowana ikona sprawia, że Twoja karta jest łatwa do znalezienia wśród wielu innych.
Ten generator rysuje Twoją ikonę na płótnie w każdym potrzebnym rozmiarze i umożliwia pobranie każdego pliku, w tym pliku favicon.ico zawierającego różne rozmiary, wraz z tagami linków, które można dodać do strony.
Dlaczego ludzie korzystają z generatora favikonów?
Istniejące logo
Przytnij logo do kształtu kwadratu i wyeksportuj wszystkie rozmiary wymagane przez przeglądarki i telefony.
Aplikacje internetowe i aplikacje PWA
Pobierz ikony PNG o rozmiarach 192 i 512 pikseli, których wymaga manifest aplikacji internetowej, a także ikonę dotykową Apple.
Wyjaśnienie rozmiarów favikonów
Plik favicon.ico to klasyczny plik znajdujący się w katalogu głównym witryny. To narzędzie łączy wersje o rozmiarach 16, 32 i 48 pikseli w jeden plik ICO. Pliki PNG o rozmiarach 16×16 i 32×32 są dostosowane do nowoczesnych przeglądarek, a plik 32×32 wygląda ostrzej na ekranach o wysokiej gęstości pikseli. Plik apple-touch-icon.png o wymiarach 180×180 jest używany, gdy użytkownik dodaje Twoją witrynę do ekranu głównego iPhone’a lub iPada.
Pliki PNG o rozmiarach 192×192 i 512×512 są wykorzystywane przez system Android oraz aplikacje internetowe z możliwością instalacji; należy je wymienić w manifeście aplikacji internetowej. Wyniki wyszukiwania mogą również wyświetlać favikonę, a Google wymaga kwadratowej ikony o rozmiarze będącym wielokrotnością 48 pikseli, co spełniają pliki o rozmiarach 48 i 192.
Jak korzystać z generatora favikonów
- Wybierz „Tekst” lub „Obraz”. W przypadku tekstu wpisz jeden lub dwa znaki albo emoji i wybierz kolory. W przypadku obrazu wybierz plik.
- Wybierz kształt: kwadrat, zaokrąglony lub okrąg.
- Sprawdź podglądy w poszczególnych rozmiarach. Małe rozmiary są wyświetlane w rzeczywistej liczbie pikseli.
- Pobierz potrzebne pliki lub skorzystaj z opcji „Pobierz wszystko”, a następnie skopiuj fragment kodu HTML do sekcji <head> swojej strony.
Proste wskazówki
- Jeden lub dwa znaki najlepiej czyta się przy rozmiarze 16 pikseli. Długie słowa stają się niewyraźne.
- Zastosuj wyraźny kontrast między ikoną a tłem, aby była ona czytelna zarówno na jasnych, jak i ciemnych kartach.
- W przypadku logo zawierających wiele szczegółów należy użyć uproszczonego znaku lub tylko inicjału.
- Umieść pliki w katalogu głównym witryny, aby linki w fragmencie kodu działały, lub zmień ścieżki tak, aby odpowiadały Twoim folderom.
Ograniczenia i ochrona prywatności
Polityka prywatności
Obraz jest rysowany i skalowany w przeglądarce. Nic nie jest przesyłane, a pliki powstają na Twoim urządzeniu w momencie ich pobrania.
Ograniczenia
Plik ICO zawiera wyłącznie obrazy o rozmiarze 16, 32 i 48 pikseli. Obrazy są przycinane do kwadratu wyśrodkowanego, więc jeśli potrzebujesz innego fragmentu, najpierw przytnij swoje logo. Przeglądarki czasami przechowują stare favikony w pamięci podręcznej przez długi czas, więc wyświetlenie nowej ikony może chwilę potrwać.
Najczęściej zadawane pytania
Najczęściej zadawane pytania dotyczące generatora favikonów
Czym jest favicon?
Favicon to mała ikona, która pojawia się w kartach przeglądarki, zakładkach, a czasem także w wynikach wyszukiwania, obok nazwy Twojej witryny.
Jakie rozmiary favikonów są mi potrzebne?
Plik favicon.ico (16, 32 i 48 pikseli), plik PNG o wymiarach 32×32, ikona Apple Touch o wymiarach 180×180 oraz pliki PNG o wymiarach 192×192 i 512×512, jeśli Twoja strona może zostać zainstalowana jako aplikacja. To narzędzie tworzy je wszystkie.
Jak dodać favikonę do mojej strony internetowej?
Prześlij pliki na swoją stronę – zazwyczaj do folderu głównego – i wklej wygenerowane tagi linków w sekcji <head> kodu HTML. Jeśli pliki znajdują się w innym miejscu, zmień ścieżki dostępu.
Czy mogę stworzyć favikonę na podstawie emoji?
Tak. Wybierz opcję „Tekst” i wpisz emoji albo jeden lub dwa dowolne znaki. Wybierz kolor tła i kształt, a ikona zostanie wygenerowana automatycznie.
Jakie zdjęcie powinienem zamieścić?
Najlepiej sprawdza się kwadratowy obraz o rozmiarze co najmniej 512×512 pikseli w formacie PNG, JPG lub WebP. Obrazy o innych kształtach zostaną przycięte do kwadratu z wyśrodkowanym obrazem.
Czy obsługuje przezroczyste tła?
Tak. Jeśli odznaczysz opcję „Wypełnij tło”, plik PNG z przezroczystością zachowa tę właściwość. W przypadku tekstu litery są rysowane na przezroczystej ikonie.
Dlaczego moja nowa ikona strony nie wyświetla się?
Przeglądarki intensywnie buforują ikony favicon. Aby zobaczyć nową ikonę, spróbuj wykonać twarde odświeżenie, wyczyść pamięć podręczną lub otwórz stronę w oknie incognito.
Czy moje zdjęcie zostało przesłane na serwer?
Nie. Ikona jest tworzona w przeglądarce, a pliki są generowane na Twoim urządzeniu.
Od osób korzystających z tego narzędzia
Recenzje
Ładowanie recenzji…
Nie poddawaj się
Więcej narzędzi w zestawie
Na stronie głównej znajdziesz dziesiątki innych bezpłatnych narzędzi, które nie wymagają klucza API.
Generator UUID
Generuj masowo identyfikatory UUID w formatach v4, v7 i v5.
Otwórz narzędzieKonwerter plików CSV na JSON
Przekształć dane CSV w uporządkowany format JSON.
Otwórz narzędzieKalkulator rabatów
Oblicz ceny promocyjne i procent zniżki.
Otwórz narzędzieTest szybkości pisania
Zmierz liczbę słów na minutę oraz swoją dokładność.
Otwórz narzędzie