{"id":10050,"date":"2017-03-31T15:58:05","date_gmt":"2017-03-31T13:58:05","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=10050"},"modified":"2025-03-11T21:07:03","modified_gmt":"2025-03-11T20:07:03","slug":"kreativne-favikony","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/","title":{"rendered":"Kreat\u00edvne vyu\u017eitie &#8222;favicon&#8220; v praxi"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><b>Doba \u010d\u00edtania:<\/b><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min.<\/span><\/span><p><span style=\"font-weight: 400;\">Dobre navrhnut\u00e1 a kreat\u00edvna &#8222;favikona&#8220; dok\u00e1\u017ee zlep\u0161i\u0165 orient\u00e1ciu medzi ostatn\u00fdmi otvoren\u00fdmi tabmi v prehliada\u010di a prispieva aj k lep\u0161iemu pou\u017e\u00edvate\u013esk\u00e9mu z\u00e1\u017eitku. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vytv\u00e1ranie favikoniek sa d\u00e1 prirovna\u0165 k tvorbe loga, preto\u017ee aj tu mus\u00edte vyjadri\u0165 jedin\u00fdm grafick\u00fdm prvkom v\u0161etky inform\u00e1cie o zna\u010dke alebo obsahu, ktor\u00fd sa na webstr\u00e1nke nach\u00e1dza. A to dokonca <\/span><b>bez pou\u017eitia dopl\u0148uj\u00facich sloganov a iba vo ve\u013ekosti 16&#215;16 pixelov<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Samozrejme, pre rozpoznanie webstr\u00e1nky medzi ostatn\u00fdmi kartami by sta\u010dilo zmen\u0161i\u0165 logo, no tieto zna\u010dky sa rozhodli urobi\u0165 to inak. Okrem brandingu mysleli na <strong>u<\/strong><\/span><b>\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok aj interaktivitu<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2>1. <a href=\"https:\/\/www.mixcloud.com\/\" target=\"_blank\">Mixcloud<\/a><\/h2>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/3oKIP5pnY7VM1YSrh6\" width=\"480\" height=\"62.465753424657535\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Ikona tejto streamovacej slu\u017eby obsahuje okrem loga aj dynamick\u00e9 zobrazenie aktu\u00e1lnej situ\u00e1cie na webe \u2013 <\/span><b>prehr\u00e1vanie, pauzu a progress bar<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><strong>2. <a href=\"https:\/\/github.com\/\" target=\"_blank\">GitHub<\/a><\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Farebn\u00e9 vari\u00e1cie favikony SCM slu\u017eby GitHub zobrazuj\u00fa aktu\u00e1lny stav syst\u00e9mu. Zelen\u00e1 indikuje 100% reporting, oran\u017eov\u00e1 drobn\u00e9 probl\u00e9my (napr\u00edklad s webhook callbacks) a \u010derven\u00e1 znamen\u00e1 \u00fapln\u00fd v\u00fdpadok slu\u017eby.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10051\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/03\/github-favicons.png\" alt=\"\" width=\"458\" height=\"187\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/github-favicons.png 622w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/github-favicons-300x123.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/github-favicons-530x216.png 530w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/p>\n<h2>3. Google apps<\/h2>\n<p><span style=\"font-weight: 400;\">Dynamick\u00e9 ikony, u ktor\u00fdch je zmena stavu vyjadren\u00e1 iba r\u00f4znou farebnos\u0165ou, by mohli by\u0165 v bud\u00facnosti \u00faplne nahraden\u00e9 dynamick\u00fdmi favikonami. Tak\u00fdto pr\u00edstup sa stal \u0161tandardom takmer vo v\u0161etk\u00fdch Google slu\u017eb\u00e1ch. Favikona Gmailu upozor\u0148uje na po\u010det nepre\u010d\u00edtan\u00fdch spr\u00e1v a ikona Google kalend\u00e1ra zobrazuje v\u017edy aktu\u00e1lny de\u0148 v mesiaci.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10052\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/03\/google-favicons.png\" alt=\"\" width=\"456\" height=\"129\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/google-favicons.png 622w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/google-favicons-300x85.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/google-favicons-530x150.png 530w\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">N\u00e1vod, ako si vytvori\u0165 podobn\u00e9 favikony n\u00e1jdete<\/span><a href=\"https:\/\/remysharp.com\/2010\/08\/24\/dynamic-favicons\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">tu<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a href=\"http:\/\/www.onextrapixel.com\/notify-better-js-creating-a-dynamic-favicon-and-title\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">tu<\/span><\/a><span style=\"font-weight: 400;\"> alebo<\/span><a href=\"http:\/\/www.totallycommunications.com\/latest\/dynamic-favicons-step-by-step-guide\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">tu<\/span><\/a><span style=\"font-weight: 400;\">. Alebo vyu\u017eite<\/span><a href=\"http:\/\/lab.ejci.net\/favico.js\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">hotov\u00e9 dynamick\u00e9 badge<\/span><\/a><span style=\"font-weight: 400;\">, ktor\u00e9 pon\u00faka Miroslav Magda \u00faplne zadarmo.<\/span><\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/3oKIP6o2fgCGudlu2A\" width=\"480\" height=\"58.83870967741936\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><strong>4. Animovan\u00fd progress bar<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Niektor\u00e9 \u00falo\u017eisk\u00e1 multimedi\u00e1lneho obsahu zobrazuj\u00fa stav nahr\u00e1vania s\u00faborov ako animovan\u00fd progress bar alebo kol\u00e1\u010dov\u00fd graf. Doned\u00e1vna takto napr\u00edklad indikoval stav uploadovania fotografi\u00ed aj <a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\">Flickr<\/a>. Tak\u00e9to vo\u013ene dostupn\u00e9 JavaScriptov\u00e9 favikony n\u00e1jdete napr\u00edklad<\/span><a href=\"http:\/\/www.cssscript.com\/animated-favicon-progress-bar-faviconx\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">tu<\/span><\/a><span style=\"font-weight: 400;\"> a<\/span><a href=\"http:\/\/www.cssscript.com\/displaying-progress-pie-chart-in-your-favicon-piecon\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">tu<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><br \/>\n<iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/3og0IQxK7hrBtHx3tC\" width=\"480\" height=\"57.99999999999999\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>5. Favikony, s ktor\u00fdmi sa d\u00e1 hra\u0165<\/h2>\n<p><span style=\"font-weight: 400;\">Mo\u017eno to bude znie\u0165 bl\u00e1znivo, ale favikony m\u00f4\u017eu by\u0165 spracovan\u00e9 aj do podoby plne hrate\u013enej hry. Aj ke\u010f rozmer ikoniek nie je ide\u00e1lnym miestom pre hranie, existuj\u00fa pr\u00edpady, kedy ani tak\u00e9to obmedzenie nebolo pre web developerov prek\u00e1\u017ekou. Jedn\u00fdm z tak\u00fdch je Mathieu \u201eP01\u201c Henri, ktor\u00fd pretvoril kultov\u00fa hru<\/span><a href=\"http:\/\/www.p01.org\/defender_of_the_favicon\/\" target=\"_blank\"> <span style=\"font-weight: 400;\">Defender<\/span><\/a><span style=\"font-weight: 400;\"> do 16&#215;16 pixelovej verzie. Hra je zobrazen\u00e1 ako favikona a ovl\u00e1dala sa kl\u00e1vesmi.<\/span><\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/3og0IPHjK85MmaQdt6\" width=\"480\" height=\"56\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Ove\u013ea zn\u00e1mej\u0161ou &#8222;favikon hrou&#8220; v\u0161ak bola ark\u00e1dovka pre dvoch \u2013<strong> Smart fortwo<\/strong>, ktorej \u00falohou bolo odkomunikova\u0165, \u017ee aj v malom priestore Citro\u00ebnu Smart Fortwo sa d\u00e1 plnohodnotne zabavi\u0165.<\/span><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/0KDjjePkd2U\" width=\"100%\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Okrem pod\u00e1vania inform\u00e1ci\u00ed o tom, na akom webe sa pr\u00e1ve nach\u00e1dzate, sa daj\u00fa favikony pou\u017ei\u0165 aj ako interakt\u00edvny prvok \u010di dokonca marketingovo &#8211; komunika\u010dn\u00fd kan\u00e1l. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ak pozn\u00e1te in\u00e9 zauj\u00edmav\u00e9 vyu\u017eitie ikoniek, ktor\u00e9 by sme mali do \u010dl\u00e1nku doplni\u0165, pode\u013ete sa s nami koment\u00e1roch.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dobre navrhnut\u00e1 a kreat\u00edvna &#8222;favikona&#8220; dok\u00e1\u017ee zlep\u0161i\u0165 orient\u00e1ciu medzi ostatn\u00fdmi otvoren\u00fdmi tabmi v prehliada\u010di a prispieva aj k lep\u0161iemu pou\u017e\u00edvate\u013esk\u00e9mu z\u00e1\u017eitku. Vytv\u00e1ranie favikoniek sa d\u00e1 prirovna\u0165 k tvorbe loga, preto\u017ee aj tu mus\u00edte vyjadri\u0165 jedin\u00fdm grafick\u00fdm prvkom v\u0161etky inform\u00e1cie o zna\u010dke alebo obsahu, ktor\u00fd sa na webstr\u00e1nke nach\u00e1dza. A to dokonca bez pou\u017eitia dopl\u0148uj\u00facich sloganov [&hellip;]<\/p>\n","protected":false},"author":118,"featured_media":10162,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,10],"tags":[1074,939,945],"class_list":["post-10050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tipy-a-triky","category-vzdelavanie-2","tag-favikony","tag-vzdelavanie","tag-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kreat\u00edvne vyu\u017eitie &quot;favicon&quot; v praxi - Websupport blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kreat\u00edvne vyu\u017eitie &quot;favicon&quot; v praxi - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"Dobre navrhnut\u00e1 a kreat\u00edvna &#8222;favikona&#8220; dok\u00e1\u017ee zlep\u0161i\u0165 orient\u00e1ciu medzi ostatn\u00fdmi otvoren\u00fdmi tabmi v prehliada\u010di a prispieva aj k lep\u0161iemu pou\u017e\u00edvate\u013esk\u00e9mu z\u00e1\u017eitku. Vytv\u00e1ranie favikoniek sa d\u00e1 prirovna\u0165 k tvorbe loga, preto\u017ee aj tu mus\u00edte vyjadri\u0165 jedin\u00fdm grafick\u00fdm prvkom v\u0161etky inform\u00e1cie o zna\u010dke alebo obsahu, ktor\u00fd sa na webstr\u00e1nke nach\u00e1dza. A to dokonca bez pou\u017eitia dopl\u0148uj\u00facich sloganov [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/eoravec\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-31T13:58:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:07:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1587\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Erik Oravec\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/erikoravec\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erik Oravec\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 min\u00faty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/\"},\"author\":{\"name\":\"Erik Oravec\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/ecc8be266a35568107499c2118999487\"},\"headline\":\"Kreat\u00edvne vyu\u017eitie &#8222;favicon&#8220; v praxi\",\"datePublished\":\"2017-03-31T13:58:05+00:00\",\"dateModified\":\"2025-03-11T20:07:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/\"},\"wordCount\":502,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/03\\\/kreativne_favicon.png\",\"keywords\":[\"favikony\",\"vzdel\u00e1vanie\",\"webdesign\"],\"articleSection\":[\"Tipy a triky\",\"Vzdel\u00e1vanie\"],\"inLanguage\":\"sk-SK\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/\",\"name\":\"Kreat\u00edvne vyu\u017eitie \\\"favicon\\\" v praxi - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/03\\\/kreativne_favicon.png\",\"datePublished\":\"2017-03-31T13:58:05+00:00\",\"dateModified\":\"2025-03-11T20:07:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/03\\\/kreativne_favicon.png\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/03\\\/kreativne_favicon.png\",\"width\":1920,\"height\":1587,\"caption\":\"Kreativne favicony\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/03\\\/kreativne-favikony\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kreat\u00edvne vyu\u017eitie &#8220;favicon&#8221; v praxi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"name\":\"Websupport blog\",\"description\":\"Websupport blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\",\"name\":\"Websupport\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/ecc8be266a35568107499c2118999487\",\"name\":\"Erik Oravec\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"caption\":\"Erik Oravec\"},\"description\":\"Copywriter a vizu\u00e1lny feti\u0161ista so z\u00e1\u013eubou v pekn\u00fdch veciach a dobr\u00fdch \u013eudoch. E\u0161te st\u00e1le \u0161tudent marketingovej komunik\u00e1cie, cestovate\u013e a milovn\u00edk dobrej knihy. A k\u00e1vy!\",\"sameAs\":[\"https:\\\/\\\/dennikn.sk\\\/autor\\\/erikoravec\",\"https:\\\/\\\/www.facebook.com\\\/eoravec\",\"https:\\\/\\\/www.instagram.com\\\/erikoravec\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/erikoravec\"],\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/erik-oravec\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kreat\u00edvne vyu\u017eitie \"favicon\" v praxi - Websupport blog","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:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/","og_locale":"sk_SK","og_type":"article","og_title":"Kreat\u00edvne vyu\u017eitie \"favicon\" v praxi - Websupport blog","og_description":"Dobre navrhnut\u00e1 a kreat\u00edvna &#8222;favikona&#8220; dok\u00e1\u017ee zlep\u0161i\u0165 orient\u00e1ciu medzi ostatn\u00fdmi otvoren\u00fdmi tabmi v prehliada\u010di a prispieva aj k lep\u0161iemu pou\u017e\u00edvate\u013esk\u00e9mu z\u00e1\u017eitku. Vytv\u00e1ranie favikoniek sa d\u00e1 prirovna\u0165 k tvorbe loga, preto\u017ee aj tu mus\u00edte vyjadri\u0165 jedin\u00fdm grafick\u00fdm prvkom v\u0161etky inform\u00e1cie o zna\u010dke alebo obsahu, ktor\u00fd sa na webstr\u00e1nke nach\u00e1dza. A to dokonca bez pou\u017eitia dopl\u0148uj\u00facich sloganov [&hellip;]","og_url":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/","og_site_name":"Websupport blog","article_author":"https:\/\/www.facebook.com\/eoravec","article_published_time":"2017-03-31T13:58:05+00:00","article_modified_time":"2025-03-11T20:07:03+00:00","og_image":[{"width":1920,"height":1587,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png","type":"image\/png"}],"author":"Erik Oravec","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/erikoravec","twitter_misc":{"Autor":"Erik Oravec","Predpokladan\u00fd \u010das \u010d\u00edtania":"2 min\u00faty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/"},"author":{"name":"Erik Oravec","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/ecc8be266a35568107499c2118999487"},"headline":"Kreat\u00edvne vyu\u017eitie &#8222;favicon&#8220; v praxi","datePublished":"2017-03-31T13:58:05+00:00","dateModified":"2025-03-11T20:07:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/"},"wordCount":502,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png","keywords":["favikony","vzdel\u00e1vanie","webdesign"],"articleSection":["Tipy a triky","Vzdel\u00e1vanie"],"inLanguage":"sk-SK"},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/","url":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/","name":"Kreat\u00edvne vyu\u017eitie \"favicon\" v praxi - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png","datePublished":"2017-03-31T13:58:05+00:00","dateModified":"2025-03-11T20:07:03+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/03\/kreativne_favicon.png","width":1920,"height":1587,"caption":"Kreativne favicony"},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2017\/03\/kreativne-favikony\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Kreat\u00edvne vyu\u017eitie &#8220;favicon&#8221; v praxi"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.sk\/blog\/#website","url":"https:\/\/www.websupport.sk\/blog\/","name":"Websupport blog","description":"Websupport blog","publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.websupport.sk\/blog\/#organization","name":"Websupport","url":"https:\/\/www.websupport.sk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/ecc8be266a35568107499c2118999487","name":"Erik Oravec","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","caption":"Erik Oravec"},"description":"Copywriter a vizu\u00e1lny feti\u0161ista so z\u00e1\u013eubou v pekn\u00fdch veciach a dobr\u00fdch \u013eudoch. E\u0161te st\u00e1le \u0161tudent marketingovej komunik\u00e1cie, cestovate\u013e a milovn\u00edk dobrej knihy. A k\u00e1vy!","sameAs":["https:\/\/dennikn.sk\/autor\/erikoravec","https:\/\/www.facebook.com\/eoravec","https:\/\/www.instagram.com\/erikoravec","https:\/\/x.com\/https:\/\/twitter.com\/erikoravec"],"url":"https:\/\/www.websupport.sk\/blog\/author\/erik-oravec\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/users\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=10050"}],"version-history":[{"count":1,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10050\/revisions"}],"predecessor-version":[{"id":34242,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10050\/revisions\/34242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/10162"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=10050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=10050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=10050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}