Zamień swoje logo we wszystkie ikony, których potrzebuje strona: favicon.ico, którego szukają przeglądarki, ikony PNG, ikonę ekranu głównego iPhone'a i ikony aplikacji na Androida, z gotowym manifestem i liniami do wklejenia na stronę.
Generator favicon at a glance
| Price | Za darmo, bez rejestracji, bez znaku wodnego, bez dziennego limitu |
|---|---|
| Akceptuje | JPG · PNG · WebP · HEIC |
| Największy plik | 20 MB per file |
| Where it runs | W Twojej przeglądarce: pliki nigdy nie są przesyłane |
| Działa na | Każda nowoczesna przeglądarka na iPhonie, Androidzie, Windows, Macu i Linuksie |
| Wyślij wynik | Pobierz go albo wyślij za darmo linkiem lub e-mailem (do 20 GB) |
Jak korzystać z narzędzia „Generator favicon”
- Wybierz kwadratowe logo lub obraz, najlepiej 512 × 512 pikseli lub większy.
- Wybierz, co zrobić z niekwadratowym obrazem, oraz tło i odstęp.
- Kliknij Utwórz favicony.
- Pobierz wszystko jako ZIP, prześlij pliki do głównego katalogu strony i wklej kod HTML do <head>.
Co dostajesz
| Plik | Rozmiar | Używany przez |
|---|---|---|
favicon.ico | 16, 32, 48 px | Wszystkie przeglądarki, Windows, zakładki |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Karty przeglądarki |
apple-touch-icon.png | 180 px | Ekran główny iPhone'a i iPada |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Ekran główny Androida, instalowalne aplikacje webowe |
site.webmanifest | Nazwa, ikony i kolory dla Androida i PWA |
Projektowanie na 16 pikseli
Favicon jest malutki. Użyj wyrazistego symbolu albo jednej lub dwóch liter zamiast pełnego logo z hasłem, i wysokiego kontrastu. Małe ikony powstają przez pomniejszanie dużej kopii roboczej o połowę krok po kroku, co zachowuje ostre krawędzie. Odstęp daje oddech logo, które dotyka krawędzi, a zaokrąglone rogi lub koło pasują do stylu ikon aplikacji. Ikona iPhone'a zawsze dostaje jednolite tło, bo iOS pokazuje przezroczyste obszary jako czarne.
Prawdziwy plik ICO
Plik favicon.ico jest tu zapisywany bajt po bajcie jako prawdziwy wielorozmiarowy plik ikony (wpisy kompresowane w PNG, obsługiwane przez każdą aktualną przeglądarkę i przez Windows od wersji Vista), a nie PNG ze zmienioną nazwą. Nic nie jest przesyłane: Twoje logo jest przetwarzane w przeglądarce. Aby najpierw edytować obraz, np. przyciąć go do kwadratu, użyj edytora obrazów. Potrzebujesz też kodu QR do swojej strony? Wypróbuj generator kodów QR.
Jak to wypada w porównaniu
| To narzędzie | Online converters (e.g. TinyPNG, iLoveIMG czy CloudConvert) | Aplikacje na komputer (np. Photoshop) | |
|---|---|---|---|
| Twój plik jest przesyłany | Nie | Tak, na ich serwery | Nie |
| Instalacja lub konto | Brak | Konto do niektórych funkcji | Install needed |
| Znak wodny lub dzienne limity | Brak | Typowe w darmowych planach | Depends on the app |
Plany innych usług się zmieniają; sprawdź ich strony. Więcej narzędzia do obrazów.
Najczęściej zadawane pytania
Jaki rozmiar powinien mieć obraz favicony?
Kwadratowy i co najmniej 512 × 512 pikseli, żeby duża ikona Androida była ostra. Mniejsze obrazy działają, ale są powiększane.
Gdzie umieścić pliki?
W głównym folderze strony (obok index.html), a potem wklej kod HTML pokazany przy wynikach do sekcji head swoich stron.
Czy favicon.ico jest nadal potrzebny?
Tak. Przeglądarki i wiele narzędzi automatycznie pobiera /favicon.ico, nawet bez znacznika link.
Czy mogę zrobić favicon ze zdjęcia?
Tak, wybierz Przytnij środek, ale proste logo lub literę dużo łatwiej rozpoznać przy 16 pikselach.
Czy moje logo jest przesyłane?
Nie. Ikony są tworzone na Twoim urządzeniu.
Musisz wysłać duży plik?
Wysyłaj pliki do 20 GB linkiem do pobrania lub e-mailem. Za darmo, bez konta, w oryginalnej jakości.
Wysyłaj duże pliki za darmo