{"id":224,"date":"2010-05-29T12:01:16","date_gmt":"2010-05-29T17:01:16","guid":{"rendered":"http:\/\/krisbunda.com\/blog\/?p=224"},"modified":"2011-08-11T18:30:03","modified_gmt":"2011-08-11T23:30:03","slug":"favicon-what-is-that-how-to-make-one","status":"publish","type":"post","link":"https:\/\/krisbunda.com\/blog\/2010\/05\/29\/favicon-what-is-that-how-to-make-one\/","title":{"rendered":"Favicon? What is that? How to make one?"},"content":{"rendered":"<p>What is a &#8220;favicon&#8221;? \u00a0it&#8217;s the little icon on a web browser tab, or next to a bookmark entry.<\/p>\n<p>I believe a website isn&#8217;t really finished until it has a favicon. \u00a0Take a look at the first image below. \u00a0Most of the &#8220;Favorites Bar&#8221; links do not have favicons, and therefore they do not stand out, differentiate themselves, nor present their brand identity well.<\/p>\n<p>Below are some examples of favicons:<\/p>\n<figure id=\"attachment_371\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 600px\"><a href=\"http:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-371  \" title=\"favicon image examples\" src=\"http:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-600x155.png\" alt=\"favicon image examples\" width=\"600\" height=\"155\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-600x155.png 600w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-150x38.png 150w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-300x77.png 300w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples.png 1169w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption class=\"caption wp-caption-text\">favicon examples<\/figcaption><\/figure>\n<figure id=\"attachment_374\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 566px\"><a href=\"http:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-21.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-374    \" title=\"favicon image examples 2\" src=\"http:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-21.png\" alt=\"favicon image examples 2\" width=\"566\" height=\"148\" srcset=\"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-21.png 566w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-21-150x39.png 150w, https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/favicon-examples-21-300x78.png 300w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/a><figcaption class=\"caption wp-caption-text\">favicon examples 2<\/figcaption><\/figure>\n<p>A great place to make a favicon for your website is <a title=\"Click for favicon generator\" href=\"http:\/\/www.favicon.cc\/\" target=\"_blank\">here<\/a>.<\/p>\n<p>There are more complicated ways to make favicons. \u00a0For example, you can download a <a title=\"Photoshop favicon.ico tutorial and link to plugin download\" href=\"http:\/\/www.photoshopsupport.com\/tutorials\/jennifer\/favicon.html\" target=\"_blank\">free plugin for Photoshop<\/a> and turn a photo into a favicon. \u00a0The important part is that the favicon is saved as a &#8220;.ico&#8221; file, and named &#8220;favicon.ico&#8221;. \u00a0When this file is uploaded to your website&#8217;s root folder (directory), web browsers will look for the &#8220;favicon.ico&#8221; file and display it on tabs and bookmarks.<\/p>\n<p>Comment if you would like more info on how to create and host favicons (be specific).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a &#8220;favicon&#8221;?  The little icon on a web browser tab or next to a bookmark entry. Find out how to make your own.<\/p>\n","protected":false},"author":1,"featured_media":2550,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"kt_blocks_editor_width":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4],"tags":[118,76,36,105],"class_list":["post-224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer","tag-favorites","tag-graphic-design","tag-tutorial","tag-web-design"],"aioseo_notices":[],"jetpack_publicize_connections":[],"taxonomy_info":{"category":[{"value":4,"label":"Designer"}],"post_tag":[{"value":118,"label":"favorites"},{"value":76,"label":"graphic design"},{"value":36,"label":"tutorial"},{"value":105,"label":"web design"}]},"featured_image_src_large":["https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/realbigfavicon.jpg",320,320,false],"author_info":{"display_name":"Kris Bunda","author_link":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/"},"comment_info":0,"category_info":[{"term_id":4,"name":"Designer","slug":"designer","term_group":0,"term_taxonomy_id":4,"taxonomy":"category","description":"Posts focusing on web, graphic, CAD, and other design.","parent":0,"count":91,"filter":"raw","cat_ID":4,"category_count":91,"category_description":"Posts focusing on web, graphic, CAD, and other design.","cat_name":"Designer","category_nicename":"designer","category_parent":0}],"tag_info":[{"term_id":118,"name":"favorites","slug":"favorites","term_group":0,"term_taxonomy_id":118,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":76,"name":"graphic design","slug":"graphic-design","term_group":0,"term_taxonomy_id":76,"taxonomy":"post_tag","description":"","parent":0,"count":36,"filter":"raw"},{"term_id":36,"name":"tutorial","slug":"tutorial","term_group":0,"term_taxonomy_id":36,"taxonomy":"post_tag","description":"","parent":0,"count":33,"filter":"raw"},{"term_id":105,"name":"web design","slug":"web-design","term_group":0,"term_taxonomy_id":105,"taxonomy":"post_tag","description":"","parent":0,"count":19,"filter":"raw"}],"jetpack_featured_media_url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2010\/05\/realbigfavicon.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1NcZe-3C","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":0,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media\/2550"}],"wp:attachment":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}