{"id":2970,"date":"2019-11-12T13:46:47","date_gmt":"2019-11-12T13:46:47","guid":{"rendered":"https:\/\/jchost.pl\/blog\/?p=2970"},"modified":"2025-09-10T08:35:17","modified_gmt":"2025-09-10T08:35:17","slug":"favicon","status":"publish","type":"post","link":"https:\/\/jchost.pl\/blog\/favicon\/","title":{"rendered":"Favicon – co to jest i jak doda\u0107?"},"content":{"rendered":"\n
\n
\n
\n
\n \n
\n
\n

Favicon – co to jest i jak doda\u0107?<\/h1> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n <\/div>\n
\n \n
\n
\n

\u00a0<\/p>\n

Favicon<\/h2>\n

W 2008 roku w Internecie znajdowa\u0142o si\u0119 oko\u0142o 170 mln witryn. Patrz\u0105c na aktualne statystyki, liczba ta zwi\u0119kszy\u0142a si\u0119 ponad 10-krotnie! Na ten moment mo\u017cemy za pomoc\u0105 naszej przegl\u0105darki odwiedzi\u0107 blisko 2 miliardy domen. Taka ilo\u015b\u0107 zwi\u0119ksza oczywi\u015bcie konkurencj\u0119<\/strong> i sprawia, \u017ce \u2013 jako w\u0142a\u015bciciele witryn \u2013 musimy szuka\u0107 sposob\u00f3w na wyr\u00f3\u017cnienie si\u0119 z t\u0142umu. Jedn\u0105 z najprostszych mo\u017cliwo\u015bci jest dodanie favicon, czyli ma\u0142ej ikony strony internetowej reprezentuj\u0105cej nasz\u0105 mark\u0119.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"favicon\" \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

Przegl\u0105daj\u0105c strony internetowe mo\u017cemy zauwa\u017cy\u0107, \u017ce maj\u0105 one ze sob\u0105 wiele wsp\u00f3lnych element\u00f3w, takich jak np. menu czy st\u00f3pka. Rzadko kiedy spotyka si\u0119 te\u017c strony, kt\u00f3re nie posiada\u0142by w\u0142asnego logotypu. W przypadku favicon\u2019u jest nieco inaczej, poniewa\u017c nie ka\u017cdy o nim wie<\/strong> – a przez to nie przyk\u0142ada si\u0119 do niego tak du\u017cej wagi. To te\u017c jeden z najcz\u0119stszych b\u0142\u0119d\u00f3w pocz\u0105tkuj\u0105cych na WordPress<\/a>.<\/p>\n

Wstawienie favicon na w\u0142asnej stronie internetowej jest o wiele lepszym pomys\u0142em ni\u017c pozostawienie pustej ikony dokumentu. Dzi\u0119ki w\u0142asnej ikonie, strona wyr\u00f3\u017cnia si\u0119 na tle pozosta\u0142ych<\/strong> oraz wygl\u0105da na bardziej zaufan\u0105 i profesjonaln\u0105.<\/p>\n

Ten artyku\u0142 zosta\u0142 stworzony z my\u015bl\u0105 o pocz\u0105tkuj\u0105cych, kt\u00f3rzy nie tylko nie wiedz\u0105, jak zrobi\u0107 ikon\u0119 strony, ale cz\u0119sto nie wiedz\u0105 te\u017c o jej istnieniu. W dzisiejszym poradniku odpowiemy wi\u0119c, co to jest i jak doda\u0107 favicon (jeden ze sposob\u00f3w wstawienia ikony poruszy kwesti\u0119 favicon na WordPress).<\/p> <\/div>\n<\/div>\n\n

\n
\n

\u00a0<\/p>\n

\u00a0<\/p>\n

Co to jest favicon?<\/h3>\n

Favicon<\/strong> jest ma\u0142\u0105 ikon\u0105, kt\u00f3ra wy\u015bwietla si\u0119 obok tytu\u0142u witryny w przegl\u0105darce. S\u0142u\u017cy jako element rozpoznawczy, buduj\u0105cy zaufanie w\u015br\u00f3d odbiorc\u00f3w, poniewa\u017c pomaga im wizualnie zidentyfikowa\u0107 witryn\u0119 internetow\u0105.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"ikona \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

U\u017cytkownicy, kt\u00f3rzy cz\u0119sto odwiedzaj\u0105 dan\u0105 witryn\u0119 internetow\u0105 b\u0119d\u0105 w stanie j\u0105 rozpozna\u0107 za pomoc\u0105 faviconu, bez potrzeby czytania tytu\u0142u czy adresu strony<\/strong>. Jest to niezwykle pomocne w szczeg\u00f3lno\u015bci dla Internaut\u00f3w, kt\u00f3rzy lubi\u0105 otworzy\u0107 kilkana\u015bcie lub kilkadziesi\u0105t kart w przegl\u0105darce \u2013 wtedy na kartach nie wy\u015bwietla si\u0119 nic innego ni\u017c ma\u0142a ikona witryny.<\/p> <\/div>\n<\/div>\n\n

\n
\n

Warto wiedzie\u0107:<\/strong> Niekt\u00f3re us\u0142ugi sieciowe i wyszukiwarki wy\u015bwietlaj\u0105 favicon w swoich wynikach oraz listach. Najlepszym przyk\u0142adem mo\u017ce by\u0107 tutaj duckduckgo.com.<\/p>\n<\/div>\n <\/div>\n<\/div>\n\n\n

\n
\n

\u00a0<\/p>\n

Czy moja strona potrzebuje favicon?<\/strong><\/h4>\n

Tak, ka\u017cda strona powinna doda\u0107 favicon. Okre\u015bla ona to\u017csamo\u015b\u0107 witryny oraz poprawia jej u\u017cyteczno\u015b\u0107 i wygod\u0119 u\u017cytkownika. Im wi\u0119cej otwartych kart w przegl\u0105darce, tym mniej znak\u00f3w jest na nich widocznych. Ikona strony sprawia, \u017ce o wiele \u0142atwiej jest si\u0119 w nich odnale\u017a\u0107.<\/p>\n

\u00a0<\/p>\n

Czy moja strona posiada favicon?<\/strong><\/h4>\n

Aby sprawdzi\u0107, czy nasza strona ma dodany favicon, wystarczy spojrze\u0107 na kart\u0119 w przegl\u0105darce. Je\u017celi obok tytu\u0142u podstrony widnieje ikona, mo\u017cemy by\u0107 pewni, \u017ce wszystko jest ustawione poprawnie. Je\u015bli jednak jest inaczej, musimy jak najszybciej wstawi\u0107 favicon.<\/p>\n

\u00a0<\/p>\n

Jaki rozmiar favicon wybra\u0107?<\/strong><\/h4>\n

Rozmiar favicon w przegl\u0105darce to 16 x 16 px (pikseli), co czyni j\u0105 standardow\u0105, kwadratow\u0105 ikon\u0105. Aby jednak uzyska\u0107 najwy\u017csz\u0105 jako\u015b\u0107 obrazu i nie do\u015bwiadczy\u0107 tzw. efektu rozmycia, zaleca si\u0119 korzystanie z grafiki o wy\u017cszych rozdzielczo\u015bciach, np. 512 x 512 px.<\/p>\n

\u00a0<\/p>\n

Czy favicon mo\u017ce by\u0107 przezroczysty?<\/strong><\/h4>\n

Tak, favicon mo\u017ce by\u0107 przezroczysty. Wiele witryn korzysta i chwali takie rozwi\u0105zanie. Aby jednak doda\u0107 przezroczysty favicon, musimy by\u0107 w posiadaniu obrazu bez t\u0142a. W tym przypadku, najlepszym sposobem b\u0119dzie u\u017cycie obrazu w formacie .png.<\/p> <\/div>\n<\/div>\n\n

\n
\n

\u00a0<\/p>\n

\u00a0<\/p>\n

Jak doda\u0107 favicon \u2013 3 proste sposoby<\/h3>\n

Teraz, gdy ju\u017c wiemy, czym jest i jakie korzy\u015bci p\u0142yn\u0105 z wstawienia w\u0142asnej ikony na stronie, przyszed\u0142 czas na praktyk\u0119! Zale\u017cnie od tego, ile mamy czasu i jaki rodzaj strony prowadzimy (np. WordPress), mamy kilka mo\u017cliwo\u015bci, aby umie\u015bci\u0107 favicon we w\u0142asnej witrynie.<\/p> <\/div>\n<\/div>\n\n

\n
\n

Warto wiedzie\u0107:<\/strong> Je\u017celi jeste\u015b klientem JCHost.pl, bardzo ch\u0119tnie pomo\u017cemy Ci doda\u0107 favicon zupe\u0142nie za darmo. Wystarczy, \u017ce do nas zadzwonisz lub wy\u015blesz wiadomo\u015b\u0107 e-mail. <\/p>\n<\/div>\n <\/div>\n<\/div>\n\n\n

\n
\n

\u00a0<\/p>\n

Oto 3 sposoby, jak doda\u0107 favicon:<\/strong><\/p> <\/div>\n<\/div>\n\n

\n
\n

\u00a0<\/p>\n

Spos\u00f3b 1: Dodanie favicon w folderze public_html<\/strong><\/h4>\n

Pierwszym sposobem dodania favicon jest umieszczenie go w public_html<\/em>.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"jak \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

Zdecydowana wi\u0119kszo\u015b\u0107 przegl\u0105darek wykrywa plik favicon.ico znajduj\u0105cy si\u0119 w g\u0142\u00f3wnym katalogu witryny i wybiera go, jako podstawow\u0105 ikon\u0119 strony. Jest to wi\u0119c najprostszy spos\u00f3b na dodanie faviconu.<\/p>\n

\u00a0<\/p>\n

1. Wybierz swoj\u0105 ikon\u0119<\/strong><\/h5>\n

Na samym pocz\u0105tku musimy znale\u017a\u0107 lub stworzy\u0107 kwadratowy obraz w dowolnym formacie (.jpg, .bmp, .png, …). Oczywi\u015bcie mo\u017cemy skorzysta\u0107 z niekwadratowego obrazka, jednak\u017ce wtedy ikona b\u0119dzie rozmazana i tym samym \u2013 nieprofesjonalna.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

2. Przejd\u017a do konwertora<\/strong><\/h5>\n

Po stworzeniu naszej w\u0142asnej grafiki, musimy j\u0105 przekonwertowa\u0107 do formatu .ico. W tym celu mo\u017cemy skorzysta\u0107 z wielu darmowych narz\u0119dzi online. Jednym z najpopularniejszych jest convertico.com<\/a>.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

3. Wykonaj konwersj\u0119 do formatu .ico<\/strong><\/h5>\n

Po otwarciu narz\u0119dzia do konwersji, wystarczy, \u017ce wgramy nasz plik i klikniemy na czerwony przycisk \u201eGO\u201d<\/strong>, w celu przekonwertowania.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

4. Pobierz wygenerowany plik<\/strong><\/h5>\n

Konwersja do formatu .ico potrwa kilkana\u015bcie sekund. Nast\u0119pnie po prawej stronie ujrzymy favicon do pobrania. Klikamy wi\u0119c na przycisk strza\u0142ki \u201eDownload\u201d<\/strong> i zapisujemy ikon\u0119 w formacie .ico w dowolnym miejscu na komputerze.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

5. Zmie\u0144 nazw\u0119 pliku<\/strong><\/h5>\n

Po pobraniu, musimy zmieni\u0107 nazw\u0119 pliku na \u201efavicon.ico\u201d.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

6. Wrzu\u0107 plik do folderu public_html<\/em><\/strong><\/h5>\n

Ostatnim krokiem jest przes\u0142anie wygenerowanego pliku do katalogu naszej witryny (\/public_html\/<\/em>). W tym celu mo\u017cemy u\u017cy\u0107 albo menad\u017cera plik\u00f3w w panelu hostingowym albo aplikacji FTP, takiej jak Filezilla.<\/p> <\/div>\n<\/div>\n\n

\n
\n \"dodanie \n <\/div>\n \n \n <\/div>\n\n
\n
\n

\u00a0<\/p>\n

7. Dodaj kod w cz\u0119\u015bci < head > (nieobowi\u0105zkowo)<\/strong><\/h5>\n

Gdy dodamy plik do folderu public_html<\/em>, ikona powinna si\u0119 ju\u017c wy\u015bwietla\u0107 poprawnie. Je\u015bli jest inaczej i nie widzimy naszej ikony, musimy doda\u0107 poni\u017cszy kod pomi\u0119dzy tagami < head ><\/em>.<\/p> <\/div>\n<\/div>\n\n

\n
\n 
&lt;link rel=\\\"shortcut icon\\\" href=\\\"\/favicon.ico\\\"\/&gt;<\/pre>\n
\u00a0<\/p>    <\/div>\n<\/div>\n\n
\n    
\n                
Warto wiedzie\u0107:<\/strong> Je\u017celi na swoim koncie hostingowym posiadasz wi\u0119cej ni\u017c jedn\u0105 domen\u0119, lokalizacja g\u0142\u00f3wnego katalogu b\u0119dzie wygl\u0105da\u0142a nast\u0119puj\u0105co: \/domains\/twojadomena.pl\/public_html<\/strong><\/em><\/p><\/div>\n    <\/div>\n<\/div>\n\n\n
\n        
\n            <\/div>\n<\/div>\n\n
\n    
\n                
Sprawd\u017a najszybszy na rynku hosting WordPress<\/a> oraz hosting Ecommerce<\/a>.<\/p>\n<\/div>\n    <\/div>\n<\/div>\n\n\n
\n        
\n        
\u00a0<\/p>\n
\u00a0<\/p>\n
\u00a0<\/p>\n
Spos\u00f3b 2: Dodanie favicon w formie zwyk\u0142ego obrazu<\/strong><\/h4>\n
Drugim sposobem na zrobienie favicon jest u\u017cycie zwyk\u0142ego zdj\u0119cia.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"jak    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
Czasami konwersja mo\u017ce p\u00f3j\u015b\u0107 nie po naszej my\u015bli, co zmusi nas do wykorzystania obrazka w standardowym formacie, zamiast w formacie .ico. W takim wypadku najlepszym sposobem b\u0119dzie manualne dodanie ikony w kodzie strony.<\/p>\n
\u00a0<\/p>\n
1. Dopasuj ikon\u0119<\/strong><\/h5>\n
Przede wszystkim musimy zadba\u0107 oto, by nasz obrazek by\u0142 kwadratowy, o czym wspomnieli\u015bmy wy\u017cej. Format obrazka mo\u017ce by\u0107 dowolny (.jpg, .png, …).<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"zrobienie    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
2. Wrzu\u0107 plik do folderu public_html<\/strong><\/h5>\n
Tak jak w poprzednim sposobie, musimy umie\u015bci\u0107 obrazek w g\u0142\u00f3wnym katalogu naszej witryny. Wgrywamy go wi\u0119c do folderu \/public_html\/<\/em>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"zrobienie    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
3. Dodaj kod w cz\u0119\u015bci < head ><\/strong><\/h5>\n
Teraz musimy da\u0107 witrynie do zrozumienia, \u017ce przes\u0142any plik powinien by\u0107 uznawany za ikon\u0119 strony. Robimy to poprzez dodanie kr\u00f3tkiego kodu na wszystkich podstronach obecnych w witrynie pomi\u0119dzy tagami < head ><\/em>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n        
&lt;link rel=\\\"shortcut icon\\\" type=\\\"image\/png\\\" href=\\\"\/obrazek.png\\\"\/&gt;<\/pre>\n
\u00a0<\/p>    <\/div>\n<\/div>\n\n
\n        
\n        
Zale\u017cnie od tego, w jakim formacie dodajemy nasz\u0105 ikon\u0119, powinni\u015bmy dopasowa\u0107 cz\u0119\u015b\u0107 type=\\” \\”<\/em>.\u00a0 W przypadku zdj\u0119cia w formacie .jpg, b\u0119dzie to type=\\”image\/jpeg\\”.<\/em><\/p>    <\/div>\n<\/div>\n\n
\n    
\n                
Warto wiedzie\u0107:<\/strong> W przypadku niekt\u00f3rych witryn nie musimy dodawa\u0107 kodu na ka\u017cdej podstronie. Je\u017celi w g\u0142\u00f3wnym katalogu znajduje si\u0119 plik header.php<\/em><\/strong>, mo\u017cemy doda\u0107 wspomniany kod w\u0142a\u015bnie w nim. Nowa ikona pojawi si\u0119 wtedy w obr\u0119bie ca\u0142ej witryny.<\/p><\/div>\n    <\/div>\n<\/div>\n\n\n
\n        
\n        
\u00a0<\/p>\n
\u00a0<\/p>\n
\u00a0<\/p>\n
Spos\u00f3b 3: Dodanie favicon na WordPress<\/strong><\/h4>\n
Trzecim sposobem na wstawienie favicon jest skorzystanie z WordPressowego narz\u0119dzia.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"jak    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
U\u017cytkownicy korzystaj\u0105cy z systemu WordPress maj\u0105 (prawie) zawsze naj\u0142atwiej. Dodanie favicon na WordPressie jest banalnie proste i nie wymaga od nas \u017cadnej wiedzy programistycznej, ani manualnej konwersji obrazk\u00f3w.<\/p>\n
\u00a0<\/p>\n
1. Zaloguj si\u0119 do panelu admina<\/strong><\/h5>\n
Zaloguj si\u0119 do panelu administracyjnego WordPress (\/wp-admin\/<\/em>), przejd\u017a do zak\u0142adki \u201eWygl\u0105d\u201d<\/strong> i kliknij \u201eDostosuj\u201d<\/strong>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"wstawienie    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
2. Otw\u00f3rz zak\u0142adk\u0119 \\”To\u017csamo\u015b\u0107 witryny\\”<\/strong><\/h5>\n
Zostaniesz przekierowany do modu\u0142u dostosowywania WordPress. Z listy wybierz zak\u0142adk\u0119 \u201eTo\u017csamo\u015b\u0107 witryny\u201d<\/strong>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"wstawienie    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
3. Wgraj swoj\u0105 ikon\u0119<\/strong><\/h5>\n
W tym miejscu, opr\u00f3cz wybrania tytu\u0142u i opisu witryny, mo\u017cesz te\u017c ustawi\u0107 favicon. Prze\u015blij kwadratow\u0105 grafik\u0119 o wymiarach co najmniej 512 x 512 px, a nast\u0119pnie kliknij \u201eZapisz i opublikuj\u201d<\/strong>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n            \"wstawienie    \n        <\/div>\n    \n    \n        <\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
\u00a0<\/p>    <\/div>\n<\/div>\n\n
\n    
\n                
Warto wiedzie\u0107:<\/strong> Je\u017celi przesy\u0142any obraz nie jest kwadratowy lub przekracza zalecany rozmiar, WordPress uruchomi narz\u0119dzie umo\u017cliwiaj\u0105ce przycinanie obrazu.  <\/p>\n<\/div>\n    <\/div>\n<\/div>\n\n\n
\n        
\n        
\u00a0<\/p>\n
Brawo! Ikona strony jest kolejn\u0105 rzecz\u0105, kt\u00f3r\u0105 mo\u017cesz odhaczy\u0107 jako \\’wykonan\u0105\\’. Od teraz Twoja witryna b\u0119dzie si\u0119 wyr\u00f3\u017cnia\u0107 na pasku przegl\u0105darki.<\/p>\n
Je\u015bli ten artyku\u0142 Ci\u0119 zainteresowa\u0142, gor\u0105co zach\u0119camy do przeczytania wpisu o jednej z ostatnich nowinek na naszych serwerach\u00a0 – HTTP\/3<\/a>.<\/p>    <\/div>\n<\/div>\n\n
\n        
\n        
\u00a0<\/p>\n
\u00a0<\/p>\n
\u00a0<\/p>\n
\u00a0<\/p>    <\/div>\n<\/div>\n\n
\n    
\n                
Odbieramy telefony, odpisujemy na maile, nie ukrywamy koszt\u00f3w, a dodatkowo oferujemy najszybsze pakiety hostingowe na rynku. Uwa\u017casz, \u017ce to zwroty marketingowe? Sprawd\u017a sam\/a!<\/p>\n
Je\u015bli nie b\u0119dziesz zadowolony\/a, zwr\u00f3cimy Ci pieni\u0105dze.
Twoje strony i sklepy przeniesiemy za darmo!<\/strong><\/p>\n
Hosting WordPress<\/a> – Hosting Magento<\/a><\/p><\/div>\n    <\/div>\n<\/div>\n\n\n
\n    
\n                
Je\u017celi masz jakiekolwiek pytania, skontaktuj si\u0119 z nami! Kliknij tutaj<\/a>.<\/p>\n
Chcesz dowiedzie\u0107 si\u0119 o nas troch\u0119 wi\u0119cej? Przejd\u017a na stron\u0119 JCHost.pl<\/a>.<\/p><\/div>\n    <\/div>\n<\/div>\n\n        <\/div>\n                    
\n                            <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"
Favicon – co to jest i jak doda\u0107? \u00a0 Favicon W 2008 roku w Internecie znajdowa\u0142o si\u0119 oko\u0142o 170 mln witryn. Patrz\u0105c na aktualne statystyki, liczba ta zwi\u0119kszy\u0142a si\u0119 ponad 10-krotnie! Na ten moment mo\u017cemy za pomoc\u0105 naszej przegl\u0105darki odwiedzi\u0107 blisko 2 miliardy domen. Taka ilo\u015b\u0107 zwi\u0119ksza oczywi\u015bcie konkurencj\u0119 i sprawia, \u017ce \u2013 jako w\u0142a\u015bciciele […]<\/p>\n","protected":false},"author":1,"featured_media":2985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2970","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"\nFavicon - co to jest i jak doda\u0107? - JCHost.pl<\/title>\n<meta name=\"description\" content=\"Jednym ze spos\u00f3b na wyr\u00f3\u017cnienie si\u0119 spo\u015br\u00f3d innych witryn w przegl\u0105darce jest favicon. Tutaj dowiesz si\u0119, jak zrobi\u0107 ikon\u0119 strony!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jchost.pl\/blog\/favicon\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak doda\u0107 ikon\u0119 strony (favicon.ico)\" \/>\n<meta property=\"og:description\" content=\"Wejd\u017a na bloga, by pozna\u0107 3 sposoby \u2192\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jchost.pl\/blog\/favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog o hostingu i dla hostingu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/jchostpl\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-12T13:46:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T08:35:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png\" \/>\n\t<meta property=\"og:image:width\" content=\"879\" \/>\n\t<meta property=\"og:image:height\" content=\"469\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ekipa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ekipa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/\"},\"author\":{\"name\":\"Ekipa\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/person\\\/5c0718f08eb37ba283bce590a6a97475\"},\"headline\":\"Favicon – co to jest i jak doda\u0107?\",\"datePublished\":\"2019-11-12T13:46:47+00:00\",\"dateModified\":\"2025-09-10T08:35:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/\"},\"wordCount\":1519,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/favicon.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/\",\"name\":\"Favicon - co to jest i jak doda\u0107? - JCHost.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/favicon.png\",\"datePublished\":\"2019-11-12T13:46:47+00:00\",\"dateModified\":\"2025-09-10T08:35:17+00:00\",\"description\":\"Jednym ze spos\u00f3b na wyr\u00f3\u017cnienie si\u0119 spo\u015br\u00f3d innych witryn w przegl\u0105darce jest favicon. Tutaj dowiesz si\u0119, jak zrobi\u0107 ikon\u0119 strony!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/favicon.png\",\"contentUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/favicon.png\",\"width\":879,\"height\":469},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/favicon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Favicon – co to jest i jak doda\u0107?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\",\"name\":\"Blog o hostingu i dla hostingu\",\"description\":\"Blog hostingowy dla ka\u017cdego!\",\"publisher\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#organization\",\"name\":\"blog.jchost.pl\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/blog-hostingowy-logo-JCHost.jpg\",\"contentUrl\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/blog-hostingowy-logo-JCHost.jpg\",\"width\":229,\"height\":80,\"caption\":\"blog.jchost.pl\"},\"image\":{\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/jchostpl\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC6myB18cMX1a5bAJ6WChQPw\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/#\\\/schema\\\/person\\\/5c0718f08eb37ba283bce590a6a97475\",\"name\":\"Ekipa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g\",\"caption\":\"Ekipa\"},\"url\":\"https:\\\/\\\/jchost.pl\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Favicon - co to jest i jak doda\u0107? - JCHost.pl","description":"Jednym ze spos\u00f3b na wyr\u00f3\u017cnienie si\u0119 spo\u015br\u00f3d innych witryn w przegl\u0105darce jest favicon. Tutaj dowiesz si\u0119, jak zrobi\u0107 ikon\u0119 strony!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jchost.pl\/blog\/favicon\/","og_locale":"pl_PL","og_type":"article","og_title":"Jak doda\u0107 ikon\u0119 strony (favicon.ico)","og_description":"Wejd\u017a na bloga, by pozna\u0107 3 sposoby \u2192","og_url":"https:\/\/jchost.pl\/blog\/favicon\/","og_site_name":"Blog o hostingu i dla hostingu","article_publisher":"https:\/\/www.facebook.com\/jchostpl\/","article_published_time":"2019-11-12T13:46:47+00:00","article_modified_time":"2025-09-10T08:35:17+00:00","og_image":[{"width":879,"height":469,"url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png","type":"image\/png"}],"author":"Ekipa","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Ekipa","Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jchost.pl\/blog\/favicon\/#article","isPartOf":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/"},"author":{"name":"Ekipa","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/person\/5c0718f08eb37ba283bce590a6a97475"},"headline":"Favicon – co to jest i jak doda\u0107?","datePublished":"2019-11-12T13:46:47+00:00","dateModified":"2025-09-10T08:35:17+00:00","mainEntityOfPage":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/"},"wordCount":1519,"commentCount":0,"publisher":{"@id":"https:\/\/jchost.pl\/blog\/#organization"},"image":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png","articleSection":["Uncategorized"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/jchost.pl\/blog\/favicon\/","url":"https:\/\/jchost.pl\/blog\/favicon\/","name":"Favicon - co to jest i jak doda\u0107? - JCHost.pl","isPartOf":{"@id":"https:\/\/jchost.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/#primaryimage"},"image":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png","datePublished":"2019-11-12T13:46:47+00:00","dateModified":"2025-09-10T08:35:17+00:00","description":"Jednym ze spos\u00f3b na wyr\u00f3\u017cnienie si\u0119 spo\u015br\u00f3d innych witryn w przegl\u0105darce jest favicon. Tutaj dowiesz si\u0119, jak zrobi\u0107 ikon\u0119 strony!","breadcrumb":{"@id":"https:\/\/jchost.pl\/blog\/favicon\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jchost.pl\/blog\/favicon\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jchost.pl\/blog\/favicon\/#primaryimage","url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png","contentUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2019\/11\/favicon.png","width":879,"height":469},{"@type":"BreadcrumbList","@id":"https:\/\/jchost.pl\/blog\/favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jchost.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Favicon – co to jest i jak doda\u0107?"}]},{"@type":"WebSite","@id":"https:\/\/jchost.pl\/blog\/#website","url":"https:\/\/jchost.pl\/blog\/","name":"Blog o hostingu i dla hostingu","description":"Blog hostingowy dla ka\u017cdego!","publisher":{"@id":"https:\/\/jchost.pl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jchost.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/jchost.pl\/blog\/#organization","name":"blog.jchost.pl","url":"https:\/\/jchost.pl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2017\/11\/blog-hostingowy-logo-JCHost.jpg","contentUrl":"https:\/\/jchost.pl\/blog\/wp-content\/uploads\/2017\/11\/blog-hostingowy-logo-JCHost.jpg","width":229,"height":80,"caption":"blog.jchost.pl"},"image":{"@id":"https:\/\/jchost.pl\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/jchostpl\/","https:\/\/www.youtube.com\/channel\/UC6myB18cMX1a5bAJ6WChQPw"]},{"@type":"Person","@id":"https:\/\/jchost.pl\/blog\/#\/schema\/person\/5c0718f08eb37ba283bce590a6a97475","name":"Ekipa","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b555ed5d05df6e3eab514d0387177f840ba1c281811baacd9c8f74fb1a0661d?s=96&d=mm&r=g","caption":"Ekipa"},"url":"https:\/\/jchost.pl\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/2970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/comments?post=2970"}],"version-history":[{"count":21,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/2970\/revisions"}],"predecessor-version":[{"id":7698,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/posts\/2970\/revisions\/7698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/media\/2985"}],"wp:attachment":[{"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/media?parent=2970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/categories?post=2970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jchost.pl\/blog\/wp-json\/wp\/v2\/tags?post=2970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}