{"id":1063,"date":"2013-08-10T09:23:59","date_gmt":"2013-08-10T09:23:59","guid":{"rendered":"https:\/\/www.logodesignteam.com\/blog\/?p=1063"},"modified":"2022-06-29T07:04:49","modified_gmt":"2022-06-29T07:04:49","slug":"useful-tips-to-successfully-design-your-favicon","status":"publish","type":"post","link":"https:\/\/www.logodesignteam.com\/blog\/useful-tips-to-successfully-design-your-favicon\/","title":{"rendered":"Useful Tips To Successfully Design Your First Favicon"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>You <a href=\"https:\/\/www.logodesignteam.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">have a great logo<\/a> and are proud of it &#8211; That\u2019s great! But nowadays, in the era of a rapid growth of the Web, it is not a right time to be completely satisfied with just a logo. Most probably you have a <a href=\"https:\/\/www.logodesignteam.com\/blog\/create-website-logo-options\/\" target=\"_blank\" rel=\"noopener noreferrer\">corporate website or blog<\/a>. And usually, it is not possible to incorporate your full, even so great logo in the web browser tab. For that, you need to create a favicon. What\u2019s that, why you need one and how to create it? &#8211; Read further!<\/p>\n<p>Favicon is short for Favorite Icon and has a standard size of 16 x 16 pixels. Browsers that provide favicon support typically display this small image in the browser\u2019s address bar, next to the page\u2019s name in a list of bookmarks and sometimes in the history as well. In contrary, those browsers that support a tabbed document interface typically show a page\u2019s favicon on the left from the page\u2019s title on the tab. However, in both cases, favicon makes the tab with your web page much more noticeable among others and increases the visibility and recognizability of your brand.<\/p>\n<p>A good favicon is very important as it presents a way to display your brand in a very compact space.<\/p>\n<p>At the end, a favicon is one more marketing tool for your brand. Which is, by the way, not that difficult and long to create. But how? Usually, professional designers suggest one of the three following options.<\/p>\n<p><a href=\"https:\/\/www.logodesignteam.com\/logo-design-order.php?\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4744 size-full\" src=\"https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2016\/12\/LDT-001.jpg\" alt=\"LDT 001\" width=\"720\" height=\"100\" srcset=\"https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2016\/12\/LDT-001.jpg 720w, https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2016\/12\/LDT-001-300x42.jpg 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<h3>1. Show the full logo or its optimized variation<\/h3>\n<p>If you have a simple original logo, its smaller version would be a great option for the favicon. However, it is very likely that the original logo is too complex to accurately render at such a low resolution. So it is very much recommended to adjust your vector mark to better fit the low resolution of the icon. In that case, it is better to ask a professional logo designer to do such an adjustment &#8211; it will take not a lot of time and effort &#8211; and a great favicon is done.<\/p>\n<h3>2. Show a segment of the logo<\/h3>\n<p>However, usually <a href=\"https:\/\/www.logodesignteam.com\/blog\/logo-repair-services-brand-needs\/\" target=\"_blank\" rel=\"noopener noreferrer\">logo is too complex<\/a> to use it as a favicon entirely. In such case, a small yet distinguishable portion of it may solve your problem. This option will create a visual reference to the original logo and identity without having to attempt and fit too complex details into a small 16 x 16 pixel area.<\/p>\n<h3>3. Pull away from the identity<\/h3>\n<p>Finally, the third option can be a favicon that is an entirely new design problem. In this solution, the overall identity of the company or product is analyzed and then it is applied to the favicon in an entirely new way.<\/p>\n<p>So which scenario of creating a favicon for your website to choose? Well, there is no one right solution. It is totally case by case decision. You may like to try different options and see which one is a better one. And an advice from an experienced designer will definitely help here.<\/p>\n<p><a href=\"https:\/\/www.logodesignteam.com\/logo-design-order.php?\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4735 size-full\" src=\"https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2012\/08\/LDT-008.png\" alt=\"LDT 008\" width=\"720\" height=\"150\" srcset=\"https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2012\/08\/LDT-008.png 720w, https:\/\/www.logodesignteam.com\/blog\/wp-content\/uploads\/2012\/08\/LDT-008-300x63.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<h3>Order a Custom Logo or Graphic Design to Enhance Your Brand<\/h3>\n<p>No matter what type of personal brand, business or organization you are running, having a great first impression means everything. One of the best ways to deliver a lasting impression is through the use of a high-quality logo and professional images and designs throughout all of your products and branding.<\/p>\n<p>Need to make your website look awesome on every browser and every device. Give it a try now.<\/p>\n<p><a href=\"https:\/\/www.logodesignteam.com\/logo-design-order.php?best_seller_logo=149&amp;best_seller_sta=50&amp;totalcost_bs001=199\" target=\"_blank\" rel=\"noopener noreferrer\">Contact our graphics design team today<\/a> and let us help you create the ultimate user experience and company branding message you&#8217;ve always dreamed of!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; You have a great logo and are proud of it &#8211; That\u2019s great! But nowadays, in the era of a rapid growth of the Web, it is not a right time to be completely satisfied with just a logo. Most probably you have a corporate website or blog. And usually, it is not possible [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2227,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,8,9,10,5,11,12,13,14],"tags":[],"yst_prominent_words":[3307,2178,2162,2671,2225,2674,54,2170,155,703,78,2192,2219,315,529,2209,3309,3311,3119,2184],"class_list":["post-1063","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-brochure-design","category-business","category-graphic-design","category-logo-design","category-marketing","category-resource-and-tools","category-stationary-design","category-tips-and-advices"],"_links":{"self":[{"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/1063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=1063"}],"version-history":[{"count":12,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/1063\/revisions"}],"predecessor-version":[{"id":6729,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/1063\/revisions\/6729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/media\/2227"}],"wp:attachment":[{"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=1063"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.logodesignteam.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}