{"id":361,"date":"2009-02-09T21:22:31","date_gmt":"2009-02-09T20:22:31","guid":{"rendered":"https:\/\/www.blog.gdaq.pl\/?p=361"},"modified":"2017-06-28T08:38:38","modified_gmt":"2017-06-28T06:38:38","slug":"co-to-jest-favicon","status":"publish","type":"post","link":"https:\/\/gdaq.pl\/blog\/2009\/02\/co-to-jest-favicon\/","title":{"rendered":"\u23e9 Co to jest favicon? Jak zrobi\u0107 favicon?"},"content":{"rendered":"<div id=\"oh_speaker_wrapper\">Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16x16px, kt\u00f3ra pojawia si\u0119:<br \/>\n&#8211; w polu adresowym przegl\u0105darki internetowej przed adresem<br \/>\n&#8211; na karcie w przegl\u0105darce internetowej<br \/>\n&#8211; w zak\u0142adkach ulubionych<\/p>\n<p>Dzi\u0119ki faviconie odr\u00f3\u017cnimy nasz\u0105 stron\u0119 w\u015br\u00f3d standardowych icon stron i zwr\u00f3cimy uwag\u0119 internaut\u00f3w. Favicony nie s\u0105 stosowane nagminnie wi\u0119c zastosuj j\u0105 p\u00f3ki nie zrobi\u0142a tego twoja konkurencja. Zrobieniu favicona nie po\u015bwi\u0119cimy zbyt wiele, a mo\u017cemy zyska\u0107 ca\u0142kiem sporo.<\/p>\n<p><strong>Jak zrobi\u0107 favicon?<\/strong><\/p>\n<p>S\u0105 na to dwa sposoby.<\/p>\n<p><!--more--><\/p>\n<p>1. Favicon mo\u017cna wykona\u0107 w dowolnym programie graficznym. Plik graficzny z ikonk\u0105 powinien mie\u0107 rozszerzenie *.ico. Photoshop ani Fireworks nie obs\u0142uguje tego formatu jednak mo\u017cna sobie z tym poradzi\u0107. Najpierw zapisujemy plik graficzny z ikon\u0105 do formatu jpg, png lub gif. Nast\u0119pnie, albo skorzystamy z Gimpa, IrfanView, kt\u00f3re maj\u0105 mo\u017cliwo\u015b\u0107 zapisu do formatu ico, albo co <strong>\u0142atwiej<\/strong> skorzystamy na przyk\u0142ad ze strony <a title=\"favicon\" href=\"https:\/\/favicon.pl\" target=\"_self\" rel=\"nofollow\">favicon.pl<\/a> gdzie zrobimy to on-line.<\/p>\n<p>2. Druga mo\u017cliwo\u015b\u0107 jest dla os\u00f3b nie posiadaj\u0105cych programu graficznego. Na stronie <a title=\"favicon\" href=\"https:\/\/www.favicon.cc\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/www.favicon.cc\/<\/a> dost\u0119pny jest generator gdzie mo\u017cemy samodzielnie zrobi\u0107 ikon\u0119. Mo\u017cliwo\u015bci moim zdaniem s\u0105 bardzo du\u017ce. Mo\u017cemy rysowa\u0107 ikon\u0119, mo\u017cemy zaimportowa\u0107 obrazek z kt\u00f3rego chcemy uzyska\u0107 ikon\u0119, a to wszystko podgl\u0105damy w okienku poni\u017cej na \u017cywo i widzimy jak b\u0119dzie wygl\u0105da\u0107 nasz favicon w przegl\u0105darce. Po sko\u0144czeniu favicona wystarczy \u015bci\u0105gn\u0105\u0107 go do siebie na dysk (jako alternatywa <a href=\"https:\/\/www.degraeve.com\/favicon\/\" target=\"_blank\" rel=\"nofollow noopener\">www.degraeve.com\/favicon<\/a>).<\/p>\n<address><span style=\"font-style: normal;\">W sieci znalaz\u0142em jeszcze jeden adres <a title=\"favicon\" href=\"https:\/\/www.genfavicon.com\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/www.genfavicon.com\/<\/a> pod kt\u00f3rym mo\u017cna zaimportowa\u0107 obrazek i zrobi\u0107 z niego automatycznie favicona. Prosto szybko w 3 krokach, ale bez mo\u017cliwo\u015bci samodzielnego rysowania.<\/span><\/address>\n<p><strong>Mam favicona i co dalej?<\/strong><\/p>\n<p>Jak ju\u017c mamy favicona to umieszczamy go w g\u0142\u00f3wnym katalogu z nasz\u0105 stron\u0105 www i w kodzie strony (w g\u00f3rnej cz\u0119\u015bci sekcja head) umieszczamy do niej link w postaci:<\/p>\n<p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;favicon.ico&#8221; type=&#8221;image\/x-icon&#8221; \/&gt;<\/p>\n<p>Je\u015bli chcia\u0142by\u015b zleci\u0107 jakie\u015b prace graficzne, projektowe napisz do mnie poprzez formularz kontaktowy z <a href=\"https:\/\/gdaq.pl\/blog\/kontakt\/\" target=\"_blank\" rel=\"noopener\">tej strony &gt;&gt;<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16x16px, kt\u00f3ra pojawia si\u0119: &#8211; w polu adresowym przegl\u0105darki internetowej przed adresem &#8211; na karcie w przegl\u0105darce internetowej &#8211; w zak\u0142adkach ulubionych Dzi\u0119ki faviconie odr\u00f3\u017cnimy nasz\u0105 stron\u0119 w\u015br\u00f3d standardowych icon stron i zwr\u00f3cimy uwag\u0119 internaut\u00f3w. Favicony nie s\u0105 stosowane nagminnie wi\u0119c zastosuj j\u0105 p\u00f3ki nie [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-361","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/comments?post=361"}],"version-history":[{"count":2,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/361\/revisions"}],"predecessor-version":[{"id":11221,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/361\/revisions\/11221"}],"wp:attachment":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/media?parent=361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/categories?post=361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/tags?post=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}