{"id":393,"date":"2021-06-28T13:47:17","date_gmt":"2021-06-28T13:47:17","guid":{"rendered":"https:\/\/ownwebservers.com\/kb\/?p=393"},"modified":"2021-06-28T13:54:52","modified_gmt":"2021-06-28T13:54:52","slug":"how-to-add-favicon-to-your-website","status":"publish","type":"post","link":"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/","title":{"rendered":"How to add favicon to your website"},"content":{"rendered":"<div class=\"block section ng-scope\" data-pos=\"0\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"ng-isolate-scope\">\n<p>A Favicon is a small icon that is shown in the browser address bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-394\" src=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1-300x145.jpg\" alt=\"fav-1\" width=\"876\" height=\"424\" srcset=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1-300x145.jpg 300w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1-768x372.jpg 768w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1.jpg 876w\" sizes=\"auto, (max-width: 876px) 100vw, 876px\" \/><\/p>\n<h2 id=\"section-add-a-favicon\">ADD A FAVICON<\/h2>\n<ol>\n<li value=\"1\">Click the\u00a0<strong>Main Menu icon (1)<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-397\" src=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-2-300x163.jpg\" alt=\"fav-2\" width=\"1261\" height=\"686\" srcset=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-2-300x163.jpg 300w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-2-1024x557.jpg 1024w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-2-768x418.jpg 768w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-2.jpg 1261w\" sizes=\"auto, (max-width: 1261px) 100vw, 1261px\" \/><\/p>\n<div class=\"block section ng-scope\" data-pos=\"4\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"ng-isolate-scope\">\n<ol>\n<li value=\"2\">Click\u00a0<strong>Site settings (2)<\/strong><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"block section ng-scope\" data-pos=\"5\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"block-image block-display-image ng-isolate-scope ng-valid\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-398\" src=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-3-113x300.jpg\" alt=\"fav-3\" width=\"258\" height=\"684\" srcset=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-3-113x300.jpg 113w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-3.jpg 258w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/div>\n<div><\/div>\n<div>\n<ol>\n<li value=\"3\">Click\u00a0<strong>Favicon (3)<\/strong><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<ol>\n<li value=\"4\">Click\u00a0<strong>Choose an image (4)<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-399\" src=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-4-300x163.jpg\" alt=\"fav-4\" width=\"1260\" height=\"684\" srcset=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-4-300x163.jpg 300w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-4-1024x556.jpg 1024w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-4-768x417.jpg 768w, https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-4.jpg 1260w\" sizes=\"auto, (max-width: 1260px) 100vw, 1260px\" \/><\/p>\n<div class=\"block section ng-scope\" data-pos=\"8\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"ng-isolate-scope\">\n<ol>\n<li value=\"5\">Select the image you wish to use<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"block section ng-scope\" data-pos=\"9\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"block-callout block-show-callout type-info block-show-callout type-info ng-valid\">\n<h3><i class=\"fa fa-info-circle on\" title=\"Info\"><\/i><span class=\"ng-binding\">Create a favicon<\/span><\/h3>\n<div class=\"ng-isolate-scope\">\n<p>The Favicon file should be an .ico file and\u00a0 not larger than 4KB. There are many free tools available for creating .ico files: use a search engine to look for \u201cfavicon generator\u201d<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"block section ng-scope\" data-pos=\"10\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"ng-isolate-scope\">\n<ol>\n<li value=\"6\">Once uploaded, you will see a preview of your Favicon<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"block section ng-scope\" data-pos=\"1\">\n<div>\n<div class=\"ng-scope\">\n<div class=\"block-image block-display-image ng-isolate-scope ng-valid\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A Favicon is a small icon that is shown in the browser address bar. ADD A FAVICON Click the\u00a0Main Menu icon (1) Click\u00a0Site settings (2) Click\u00a0Favicon (3) &nbsp; Click\u00a0Choose an image (4) Select the image you wish to use Create a favicon The Favicon file should be an .ico file and\u00a0 not larger than 4KB. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-393","post","type-post","status-publish","format-standard","hentry","category-website-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add favicon to your website - OWS KB<\/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:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add favicon to your website - OWS KB\" \/>\n<meta property=\"og:description\" content=\"A Favicon is a small icon that is shown in the browser address bar. ADD A FAVICON Click the\u00a0Main Menu icon (1) Click\u00a0Site settings (2) Click\u00a0Favicon (3) &nbsp; Click\u00a0Choose an image (4) Select the image you wish to use Create a favicon The Favicon file should be an .ico file and\u00a0 not larger than 4KB. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"OWS KB\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-28T13:47:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-28T13:54:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1-300x145.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"admin\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"0 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/#website\",\"url\":\"https:\/\/ownwebservers.com\/kb\/\",\"name\":\"OWS KB\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/ownwebservers.com\/kb\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/ownwebservers.com\/kb\/wp-content\/uploads\/2021\/06\/fav-1.jpg\",\"width\":876,\"height\":424,\"caption\":\"fav-1\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/#webpage\",\"url\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\",\"name\":\"How to add favicon to your website - OWS KB\",\"isPartOf\":{\"@id\":\"https:\/\/ownwebservers.com\/kb\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/#primaryimage\"},\"datePublished\":\"2021-06-28T13:47:17+00:00\",\"dateModified\":\"2021-06-28T13:54:52+00:00\",\"author\":{\"@id\":\"https:\/\/ownwebservers.com\/kb\/#\/schema\/person\/4a40fe3fe17a08ddd1d7c113668e75f2\"},\"breadcrumb\":{\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/\",\"url\":\"https:\/\/ownwebservers.com\/kb\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\",\"url\":\"https:\/\/ownwebservers.com\/kb\/how-to-add-favicon-to-your-website\/\",\"name\":\"How to add favicon to your website\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/#\/schema\/person\/4a40fe3fe17a08ddd1d7c113668e75f2\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/ownwebservers.com\/kb\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ba5db5841d48bd7517bb2583e13983e6d2fa56a4099a0b3c61ad2daefc321303?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/ownwebservers.com\/kb\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":4,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/posts\/393\/revisions\/401"}],"wp:attachment":[{"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ownwebservers.com\/kb\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}