WIOSENNA wyprzedaż z RABATAMI do 87 %

+ DARMOWA domena w planach rocznych

Oferta wygasa za:

06 :

19 :

33 :

21

Najlepsze generatory favicon w 2021 roku

Najlepsze generatory favicon

Z danych o użytkownikach dowiadujemy się, że większość ludzi, przegląda swoje ulubione strony internetowe równocześnie w kilku zakładkach.

Można się całkiem słusznie domyślać, że większość z nas prawdopodobnie ma w danym momencie otwartą stronę na Facebooku, YouTube i Google. Być może w swojej przeglądarce masz też otwartą pocztę e-mail i ulubioną stronę z aktualnościami.

Skoro tak wiele dzieje się w tym samym czasie, jak kontrolować, która zakładka to która, bez konieczności klikania każdej z nich z osobna?

Odpowiedź jest prosta – favicony.

Niniejszy artykuł zawiera najlepsze generatory favicon, które można znaleźć w Internecie. Zebraliśmy aż 16 narzędzi online. Znajdziesz tu również informacje o tym, jak zrobić favicon na swoją stronę internetową, a także jak dodać ikonkę do gotowej strony.

1. favicon.zyro.com

Zyro-Favicon-Generator

Favicon generator od Zyro jest darmowym narzędziem posiadającym kilka przydatnych funkcji.

Możesz wgrać na stronę własny obrazek lub skorzystać z wielu profesjonalnie przygotowanych ikon.

Korzystając z narzędzia do edycji, możesz zmienić układ swojej favicony i dodać lub usunąć tekst, aby umieścić w nim nazwę marki lub po prostu postawić na monografię.

Co więcej, możliwe jest edytowanie koloru tła, aby dopasować go do stylu marki.

Po uzyskaniu zadowalającego efektu końcowego, wystarczy pobrać obraz w formacie, który można od razu wykorzystać.

2. Favicon-generator.org

Favicon.ico & App Icon Generator może konwertować formaty plików graficznych JPG, PNG, i GIF do pliku favicon.ico.

Generator favicon również tworzy favikony we wszystkich rozmiarach, aby dostosować je do używanej platformy – webowej, Android, Microsoft, i iOS.

Gdy klikniesz przycisk “Create Favicon”, zostanie wygenerowany kod, który można skopiować do nagłówka swojego dokumentu HTML. Dla przypomnienia, jeśli wszystko zostanie wykonane poprawnie, kod HTML będzie wyglądał tak jak w przypadku standardowego faviconu 16×16:

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”> <link rel=”icon” href=”/favicon.ico” type=”image/x-icon”> 

Następnie należy dodać pobrany folder .zip do głównego katalogu swojej strony internetowej.

Jeśli nie masz jeszcze swojego obrazka, skorzystaj z udostępnonego przez nich internetowego edytora i stwórz go samodzielnie.

Możesz również wybrać gotowy szablon z galerii ikon, sortując według koloru tła i zmodyfikować go wedle własnych upodobań.

3. FavIcon.pro 

favicon generator

FavIcon Generator doskonale nadaje się do konwersji formatów obrazów JPG, PNG i GIF do plików favicon.ico. Jednak w przeciwieństwie do Favicon.ico & App Icon Generator, ten generator nie posiada własnego edytora.

Ten generator ulubionych ikon oferuje różne opcje rozmiaru obrazu — 16×16, 32×32, 48×48, 64×64 i 128×128 pikseli.

Jedyne co musisz zrobić, to wybrać odpowiedni rozmiar ikony, a następnie wgrać obraz, który chcesz zamienić w ikonę favicon.

FavIcon Generator obsługuje sześć języków: angielski, hiszpański, portugalski, francuski, włoski i niemiecki, aby ułatwić korzystanie z niego globalnym użytkownikom. Niestety nie wystęuje w języku polskim.

4. Generator favicon – Dynamic Drive

Ten generator favicon jest kompatybilny z formatami graficznymi PNG, JPG, GIF i BMP. Obsługuje również obrazy z przezroczystym tłem.

Domyślny rozmiar pliku favicon.ico, który otrzymasz to 16×16 pikseli. Istnieje jednak możliwość pobrania ikon o rozmiarze 32×32 i 48×48 pikseli.

Możesz przejść do sekcji “Favicon Editor”, aby zaprojektować swój favicon od podstaw. Opcjonalnie możesz również importować obraz w formacie PNG 16×16 pikseli i wykorzystać go jako projekt bazowy

Edytor oferuje proste, ale funkcjonalne narzędzia do edycji, a także wiele opcji kolorystycznych i rozmiarów pędzli.

5. Favicon.cc

favicon generator

Favicon CC akceptuje formaty plików graficznych JPG, JPEG, GIF, PNG, BMP, ICO i CUR.

Darmowy edytor favicon oferuje narzędzie do wybierania kolorów i funkcję transparentności. Umożliwiają one łatwe projektowanie ikon z kolorowym i przezroczystym tłem.

Co więcej, edytor zawiera funkcję animacji, która pozwoli na animację ikonki favicon. Możesz decydować o czasie trwania efektu na klatkę i częstotliwości iteracji.

Plik ICO można pobrać za darmo. Aby uzyskać skrypt HTML, musisz opublikować ikonę na licencji Creative Commons.

6. Genfavicon 

favicon generator Genfavicon

Genfavicon obsługuje formaty plików graficznych JPEG, GIF i PNG oraz generuje pięć różnych rozmiarów faviconów.

Należy wgrać obraz do generatora i wybrać pożądany rozmiar ikony. Przed pobraniem pliku ICO można go przyciąć i wyświetlić podgląd uzyskanego efektu.

Co prawda generator jest przyjazny dla użytkownika i bezpłatny, jednak nie posiada edytora, który pozwoliłby na zaprojektowanie ikony od podstaw.

Podobnie jak FavIcon.pro, Genfavicon oferuje różne preferencje językowe, aby obsłużyć użytkowników na całym świecie, jednak nie występuje w języku polskim.

7. Favic-o-Matic

favicon generator Favic-O-Matic

Ten generator favicon umożliwia wygenerowanie jednego pliku favicon.ico. Dodatkowo, można masowo pobierać różnej wielkości obrazy w formacie PNG wraz z plikiem ICO do użytku na różnych platformach – wszystko jednym kliknięciem.

Favic-o-Matic udostępnia również kod HTML dla wszystkich generowanych plików. W jednym miejscu możesz zaspokoić wszystkie potrzeby związane z ikoną favicon.

Ponieważ obsługuje on integrację z Google Drive, można zapisywać pliki bezpośrednio na swoim koncie.

Za pomocą Favic-o-meter – bezpłatnego narzędzia do sprawdzania poprawności działania favicon – można przetestować zgodność favicony z różnymi przeglądarkami i urządzeniami.

Dzięki temu możesz sprawdzić, czy Twoja strona poprawnie implementuje ikonę skrótu, a także otrzymasz sugestie, jak rozwiązać zaistniałe problemy.

8. RealFaviconGenerator.net

favicon generator Real-Favicon-Generator

RealFaviconGenerator.net oferuje opcje modyfikacji favicon w celu zwiększenia kompatybilności favicon z popularnymi platformami.

Zawiera opcje personalizacji favicon dla ekranów mobilnych, takich jak ekran dotykowy Apple i ekran główny Android Chrome.

Podczas projektowania favicony zobaczysz, jak wygląda na kartach przeglądarki i pasku adresu. Nie trzeba jej będzie tworzyć metodą prób i błędów.

Funkcja demo pozwala również na zmianę koloru tła, marginesów i rozmiaru obrazu. Można ponadto wybrać specyfikację ikony zgodną z wersjami systemów operacyjnych.

Końcowy produkt obejmuje pliki favicon PNG, ICO i SVG. Generator dostarcza różne zestawy kodów favicon kompatybilnych z poszczególnymi językami programowania.

9.  Xiconeditor.com

X-Icon-Favicon-Gnerator-

X-Iconeditor to potężny generator favicon online. Jest to jeden z niewielu generatorów, który oferuje narzędzia takie jak: ołówek, pędzel, gumka i edytor tekstu dla tych, którzy chcą stworzyć swój favicon od podstaw.

Oczywiście, jeśli nie chcesz tworzyć swojej ikonki od podstaw, masz do dyspozycji łatwą funkcję przesyłania obrazów. Prześlij obrazek, którym chcesz reprezentować swoją markę, i skadruj go bezpośrednio w generatorze.

Przed pobraniem możesz również wyświetlić podgląd swojego favicon, dzięki czemu zobaczysz dokładnie, jak obrazek będzie wyglądać w przeglądarkach internetowych.

Kiedy efekt końcowy będzie zadowalający, wystarczy eksportować plik i umieścić go w katalogu głównym swojej strony internetowej.

Aby zdefiniować favicon i oznaczać, że ikona jest dostępna dla przeglądarki, użyj tagu <link> w częsci <head> strony, wskazując lokalizację favicony:

Będzie to prezentować się w poniższy sposób:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com 

Jak sama nazwa wskazuje, Anti Favicon jest nieco inny od większości dostępnych generatorów favicon. Nie wykorzystuje pliku graficznego do tworzenia ikony.

Zamiast tego, ikona Anti Favicon zawiera tekst zamiast obrazu. Użytkownicy mogą wykorzystać narzędzie do wyboru kolorów, aby stworzyć ikonkę odpowiadającą palecie kolorów stosowanej na ich stronie internetowej.

Aby wygenerować swój favicon, należy po prostu wpisać tekst i eksperymentować z różnymi kolorami. Następnie, gdy efekt będzie zadowalający, możesz zapisać swoją ikonkę klikając “Save as favicon file“.

Anti Favicon posiada również wiele różnych generatorów – favicon, Button Maker, Email Icon i wiele innych, większość w charakterystycznym stylu Anti Favicon.

Anti Favicon jest jednym z najbardziej unikatowych generatorów favicon, więc warto się z nim zapoznać.

11. Webestools.com

Webestools.com udostępnia darmowy generator favicon online, który pozwala użytkownikom przesłać plik graficzny na stronę i bezpośrednio go modyfikować.

Użytkownicy, którzy chcą bardziej zaangażować się w ten proces, mogą skorzystać z narzędzi do tworzenia kolorów i edytora online, aby stworzyć swoje ikonki od podstaw.

Generator favico Webestools oferuje tylko favicony w rozmiarach 16×16 lub 32×32, ale pozwala użytkownikom na podgląd ich ikonek przed pobraniem pliku ICO.

Reasumując, jest to prosty i wydajny generator favicon, który wykonuje pracę bez zbędnego zamieszania.

12. logaster.com

Logaster-Favicon-Generator

Generator favicon Logaster idzie o krok dalej niż konkurencja i jest doskonałym wyborem dla stron internetowych, które jeszcze nie zdecydowały się na określenie tożsamości swojej marki.

Zamiast zaczynać od obrazu, ten generator ikonek favicon zaczyna od poproszenia użytkownika o skorzystanie z kreatora tożsamości marki Logaster. Wystarczy wpisać nazwę marki, a Logaster stworzy kilka wersji logo dla Twojej marki, które następnie zostanie przekształcone w wysokiej jakości favicon.

Logaster to profesjonalna usługa, która umożliwia utworzenie favicony w różnych rozmiarach (16-128 px). Jest to jedynya usługa premium na tej liście, jednak należy pamiętać, że nie pozwala na wgranie własnego zdjęcia.

Generator favicon Logaster to świetna opcja dla marek, które nie stworzyły jeszcze własnego logo.

13. favico.com

Generator favicon FavIco jest szybki, darmowy i łatwy w użyciu. Wykorzystasz go do konwersji pliku GIF/JPG/PNG do formatu ICO, aby następnie użyć go jako faviconę.

Jest to prosty generator favicon z przejrzystym interfejsem użytkownika. Wystarczy wybrać obraz z komputera i wgrać go, a następnie zaznaczyć pożądany rozmiar favicony – w tym przypadku jest to 16×16 lub 32×32 i gotowe.

Jedną z ciekawych właściwości FavIco jest to, że utworzonoe favicony przechowuje w galerii online. Stworzenie kilku ikonek favicon pozwala na porównanie wyników końcowych przed ich pobraniem.

14. faviconit.com

generator favicon faviconit.com/pl

Favicon It oferuje kilka różnych opcji generowania favicon.

Korzystając z Favicon It, użytkownik wykonuje standardową procedurę wgrywania obrazu, przy czym wiele stron internetowych oferuje tylko favicony w rozdzielczości 16 px lub 32 px – Favicon It generuje favicony, ikony apple touch oraz nagłówki HTML przeznaczone na wszystkie urządzenia i przeglądarki.

Aby stworzyć ikonkę, Favicon It wymaga obrazu będącego kwadratem w rozmiarze co najmniej 310 pikseli. Jeśli obraz nie spełnia tych wymagań, to Favicon It automatycznie odsyła do bezpłatnej i łatwej w użyciu strony internetowej umożliwiającej zmianę rozmiaru obrazu.

15. prodraw.net

Generator favicon Prodraw to darmowe narzędzie online, które umożliwia konwersję logo, obrazu i plików graficznych na ikonkę favicon.

Narzędzie to obsługuje formaty plików znacznie lepiej niż wiele generatorów favicon wymienionych na tej liście i jest w stanie obsłużyć nie tylko zwykłe formaty plików typu JPG, GIF, PNG, ale także BMP i TIF.

Jedną z zalet korzystania z generatora favicon Prodraw jest to, że oferuje on szereg prostych porad dla użytkownika. Większość stron internetowych po prostu wymienia kompatybilne formaty i dostępne rozmiary favicon.

Prodraw stawia na wyjaśnienie istotnych różnic. Na przykład, jeśli potrzebujesz favicony z przezroczystym tłem, to rozsądnie byłoby przesłać obraz w formacie GIF lub PNG.

Prodraw objaśnia również optymalne zastosowanie dla każdego rozmiaru danego efektu. Na przykład, rozmiar 32×32 (ikona desktopowa), 48×48 (duża ikona XP) do 128×128 pikseli (rozmiar ikony Windows Vista) w formacie ikony *.ICO.

Mimo że niektóre z tych formatów są nieaktualne, możliwe jest ponowne użycie tych samych rozmiarów w przypadku nowocześniejszych narzędzi. Na przykład, 128 px to prawidłowy aktualny rozmiar dla favicon sklepu internetowego Google Chrome.

Prodraw pozwala również na generowanie ikon charakteryzujących się różnymi poziomami ostrości. Dzięki temu można porównać wyniki i wybrać ikonę, która będzie odpowiednia dla danego projektu.

16. icoconverter.com

Konwerter ICO potrafi zrobić to, na co wskazuje jego nazwa.

Jest to prosty internetowy konwerter obrazów .ico i generator favicon. Potrafi przekonwertować każdy obraz do pliku ICO, przeznaczonego do wykorzystania jako favicon strony internetowej lub aplikacji systemu Windows.

Konwerter ICO pozwala na wybór preferowanych rozmiarów ICO. Umożliwia uzyskanie rozmiarów 16 px, 32 px, 48 px, 64 px, 128 px i 256 px.

W przeciwieństwie do większości konkurencyjnych narzędzi, konwerter ICO pozwala również na wybór końcowej głębi bitowej favicony. Do wyboru jest 8-bitowa głębia bitowa (256 kolorów, paleta) lub 32-bitowa (16,7 mln kolorów i przezroczystość alfa).

W ten sposób konwerter ICO nadaje się zarówno do tworzenia bardziej nowoczesnych jak i klasycznych ikon.

Co to jest favicon?

email-odebrane wiadomnosci-komputer

Favicon (z ang. favourites icon) to inaczej ulubiona ikona, ikona URL lub ikona strony internetowej. Jest to mała ikonka widoczna na każdej zakładce przeglądarki, pasku wyszukiwania, w zakładkach, rozszerzeniach i historii wyszukiwania, która identyfikuje daną stronę internetową.

Favicona reprezentuje stronę internetową. Zazwyczaj pojawia się na pasku adresu przeglądarki, w zakładkach, na liście ulubionych stron, chociaż czasem występuje także jako ikona na pulpicie lub ikona aplikacji.

Większość firm decyduje się na wykorzystanie swojego logo w roli favicon, ponieważ jest ono łatwo rozpoznawalne. Pomyśl o charakterystycznym niebieskim ptaku z Twittera lub o symbolu “play”, który jest synonimem YouTube.

Inne marki używają logo w jednoliterowym monogramie na tle wyraźnych kolorów.

Dodanie ikony do witryny pomaga wzmocnić markę i jej wiarygodność. Jest to zazwyczaj oznaka legalności witryny internetowej. Pokazuje, że marka inwestuje czas i pieniądze w serwis, aby nadać mu spójny, profesjonalny wygląd.

Ponieważ favicon jest istotnym elementem brandingu strony internetowej, ważne jest, aby stworzyć unikalny i zapadający w pamięć projekt tej ikony. Powinien być na tyle prosty, aby użytkownicy mogli go z łatwością zidentyfikować.

Do korzyści z dodania favicony do strony internetowej należą:

  • Zwiększanie wiarygodności strony.
  • Poprawa rozpoznawalności marki na różnych platformach.
  • Pomoc użytkownikom w zlokalizowaniu strony wśród innych kart i zakładek.
  • Poprawa jakości przeglądania stron i doświadczeń użytkowników.

Co zrobić, jeśli Twoja strona jest wiarygodna, ale brakuje Ci czasu lub wiedzy z zakresu projektowania graficznego, aby stworzyć favicon? Mimo to zależy Ci na tym, aby Twoi użytkownicy mogli zobaczyć Twoje logo lub ikonę w swoich przeglądarkach internetowych.

W takim przypadku warto skorzystać z generatora favicon i stworzyć włąsną ikonkę od podstaw, w krótkim czasie.

Jak dodać favicon do swojej strony internetowej

kod href wyświetlony na telefonie komórkowym

Wiesz już, jak zrobić favicon. Wszystko sprowadza się do wybrania jednego z wyżej wymienionych generatorów favicon i przesłanie odpowiedniego pliku graficznego.

Wszystkie generatory favicon, które zostały przez nas wybrane w tym artykule, wykonają za Ciebie całą pracę. Jeśli tylko posiadasz odpowiedni plik graficzny, otrzymasz własną ikonę favicon.

Wprawdzie większość przeglądarek akceptuje favicony w formatach graficznych GIF, ICO, PNG i JPG, to ICO jest idealnym formatem ze względu na możliwość zastosowania wielu rozmiarów ikon w jednym pliku.

Aby dodać favicon do swojej strony internetowej, konieczne będzie zapoznanie się z podstawową wiedzą na temat kodu HTML. Gdy stworzysz favicon, często będziesz widział tę linijkę

link rel=”shortcut icon”

Zastanawiasz się, co oznacza link rel =”shortcut icon”? Nie przejmuj się. Nie jesteś sam.

Przede wszystkim, nie musisz zapisywać tego kodu. Każdy generator favicon z tej listy utworzy go za Ciebie. Wystarczy pobrać otrzymany plik do katalogu swojej strony i wkleić kod HTML w części head.

Element LINK identyfikuje link do pobranego pliku Favicon. Proste.

Istnieje sposób na obejście kodu poprzez zastosowanie wizualnego generatora favicon, takiego jak Zyro.

Możesz stworzyć graficzny favicon, który następnie można pobrać i wykorzystać w kreatorach stron internetowych i systemach CMS. Po prostu wgrywasz plik graficzny i gotowe.

Jaki rozmiar powinien mieć favicon?

projekty ikonek

Standardowe rozmiary favicon to 16 × 16 i 32 × 32 pikseli. Jednak różne platformy, takie jak ikony aplikacji, zazwyczaj wymagają różnych rozmiarów favicon dla lepszej widoczności.

Poniżej znajduje się pełna lista aktualnych rozmiarów faviconów i odpowiadających im zastosowań:

  • 16×16 pikseli (standardowa przeglądarka)
  • 32×32 (ikony na komputerach)
  • 128×128 (ikona Chrome Web Store)
  • 152×152 (ikona iPad touch).
  • 167×167 (ikona iPad Retina touch)
  • 180×180 (iPhone Retina)
  • 192×192 (Google Developer Web App)
  • 196×196 (ikona dla Chrome na Androida)

Na naszej liście znajdziesz generator favicon zdolny do tworzenia plików we wszystkich tych rozmiarach.

Najlepsze generatory favicon – podsumowanie

Mimo swoich niewielkich rozmiarów, favicona jest kluczowym elementem strony internetowej. Jeśli Twoja strona jeszcze jej nie posiada, powinieneś jak najszybciej ją stworzyć.

Dzięki generatorom favicon każdy może w kilka sekund zaprojektować atrakcyjną ikonę. W zależności od narzędzia, można albo stworzyć favicon od podstaw, albo wykorzystać istniejący obraz jako projekt bazowy.

Nasza lista zawiera najlepsze generatory favicon, które umożliwiają stworzenie własnej ikony strony internetowej. Po prostu zastanów się, jakich funkcji potrzebujesz i wybierz odpowiednie narzędzie.

Pamiętaj, że plik ICO może składać się z wielu różnych rozmiarów plików. Nie ma więc potrzeby tworzenia więcej niż jednego, nawet jeśli zamierzasz stworzyć różne typy faviconów.

Napisane przez

Awatar autora

Katarzyna

Katarzyna jest specjalistką w dziedzinie marketingu internetowego oraz miłośniczką nowoczesnych technologii. W szczególności interesuje się zagadnieniami z zakresu tworzenia stron i aplikacji internetowych oraz budowania marek. W pracy, jak i po pracy, zawsze towarzyszy jej troje czworonożnych przyjaciół, a w wolnym czasie zanurza się w sekrety psychologii.

Dołącz do rozmowy

Twój adres e-mail nie zostanie opublikowany. Wszystkie pola są wymagane.