Generator favicon
Zamień jeden plik PNG, JPG lub SVG w format favicon.ico oraz wszystkie rozmiary ikon potrzebne dla Twojej witryny, spakowane w archiwum ZIP.
Cały obraz pozostaje widoczny, wyśrodkowany z marginesami wokół.
Przezroczystość sprawdza się w kartach przeglądarki; dla ikon ekranu początkowego iPhone'a bezpieczniejszy jest kolor tła.
Tutaj pojawi się Państwa favicon i pakiet ikon.
Proszę umieścić pliki w głównym folderze witryny, a następnie dodać te linie kodu do każdej strony.
Państwa obraz jest przekształcany w ikony bezpośrednio w przeglądarce. Nic nie jest przesyłane do BroBroGo.
FAQ
Jakie pliki wchodzą w skład pakietu ikon?
Plik favicon.ico zawierający wersje 16, 32 i 48 pikseli, ikony PNG o rozmiarach 16, 32, 180, 192 i 512 pikseli oraz plik site.webmanifest, który zawiera listę dużych ikon. Jeśli zaczną Państwo od pliku SVG, sam wektor również zostanie dołączony. Wszystko znajduje się w jednym archiwum ZIP.
Jaki rozmiar powinien mieć mój obraz źródłowy?
Format SVG jest idealny — każda ikona jest rysowana na podstawie wektora, dzięki czemu zachowuje ostrość nawet przy 16 pikselach. W przypadku PNG lub JPG najlepiej zacząć od rozmiaru co najmniej 512 × 512; mniejsze obrazy są skalowane w górę i mogą wyglądać nieostro.
Czy tło powinno być przezroczyste, czy kolorowe?
Ikony kart wyglądają dobrze z przezroczystym tłem. Jednak ekrany główne iPhone'ów i iPadów wyświetlają przezroczyste obszary jako czarne — jeśli użytkownicy mogą dodawać Państwa witrynę do ekranu głównego, warto wybrać kolor tła.
Co się stanie, jeśli obraz nie jest kwadratowy?
Ikony są kwadratowe, ale Państwa obraz nigdy nie zostanie sztucznie rozciągnięty. Domyślnie jest on centrowany z dodaniem marginesów; można przełączyć na opcję „Wypełnij (przytnij)”, aby odciąć wystające krawędzie.
Gdzie na mojej stronie powinny trafić te pliki?
Należy przesłać je do głównego folderu witryny, tak aby plik favicon.ico był dostępny pod adresem /favicon.ico, a następnie wkleić wygenerowane linie kodu w sekcji <head> swoich stron. Przeglądarki same dobiorą odpowiedni rozmiar.