{"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"],"_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}]}}