{"id":2012,"date":"2007-01-21T21:50:51","date_gmt":"2007-01-21T16:20:51","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/"},"modified":"2026-10-28T10:19:57","modified_gmt":"2026-10-28T04:49:57","slug":"is-your-favicon-hogging-your-hosting-bandwidth","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/","title":{"rendered":"Favicon Size Guide: Keep Your Favicon Small (and Why It Matters)"},"content":{"rendered":"<p>Your favicon is the tiny icon that shows on browser tabs, bookmarks and in Google search results. Because browsers request it so often, getting the favicon size right matters more than you might think: a bloated icon file wastes bandwidth on every visit, while one that is too small looks blurry in search results. This guide covers the right dimensions, file size and setup in 2026.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-68390\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth.webp\" alt=\"Bright parrot feathers, a reminder that a favicon should be small and light\" width=\"1200\" height=\"630\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth.webp 1200w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth-300x158.webp 300w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth-1024x538.webp 1024w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth-150x79.webp 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/favicon-size-bandwidth-768x403.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<blockquote><p><strong>Quick answer:<\/strong> Use a square favicon, larger than 48&#215;48 pixels for Google Search, and keep the file small, ideally a few kilobytes. A favicon.ico with 16, 32 and 48 pixel sizes plus a PNG for larger uses covers most needs. In WordPress, set it under Appearance &gt; Customize &gt; Site Identity &gt; Site Icon.<\/p><\/blockquote>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6af00a8daff12\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1a202c;color:#1a202c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1a202c;color:#1a202c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6af00a8daff12\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#Can_a_favicon_really_hog_bandwidth\" >Can a favicon really hog bandwidth?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#The_right_favicon_size_in_2026\" >The right favicon size in 2026<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#How_to_make_a_lightweight_favicon\" >How to make a lightweight favicon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#How_to_add_a_favicon\" >How to add a favicon<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#In_WordPress\" >In WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#On_any_website\" >On any website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#What_changed_since_2007\" >What changed since 2007<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#FAQ\" >FAQ<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#What_size_should_a_favicon_be\" >What size should a favicon be?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#How_big_should_the_favicon_file_be\" >How big should the favicon file be?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#Why_does_Google_not_show_my_favicon\" >Why does Google not show my favicon?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2007\/01\/is-your-favicon-hogging-your-hosting-bandwidth\/#Can_I_use_a_PNG_instead_of_an_ICO_file\" >Can I use a PNG instead of an ICO file?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Can_a_favicon_really_hog_bandwidth\"><\/span>Can a favicon really hog bandwidth?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Yes, on a busy site. In a well-known case, developer Scott Hanselman found that <a href=\"https:\/\/www.hanselman.com\/blog\/FavIconicoCanBeABandwidthHog.aspx\" target=\"_blank\" rel=\"noopener\">his favicon was a bandwidth hog<\/a>: a 70 KB high-quality icon used 27 GB of his monthly bandwidth. Cutting it to under 4 KB saved around 25 GB that month. We wrote about this back in 2007, and the lesson still holds: an icon that loads on almost every page view should be as light as possible.<\/p>\n<p>Today, browser caching and CDNs reduce repeat downloads, and many hosting plans include generous bandwidth, so a favicon is rarely a big cost. But a heavy icon still adds weight to every first visit and to every bot that crawls your site, so there is no reason to make it large.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_right_favicon_size_in_2026\"><\/span>The right favicon size in 2026<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Shape:<\/strong> square (1:1).<\/li>\n<li><strong>Google Search:<\/strong> Google&#8217;s <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/favicon-in-search\" target=\"_blank\" rel=\"noopener\">favicon guidelines<\/a> require at least 8&#215;8 pixels and recommend larger than 48&#215;48 pixels so it looks sharp.<\/li>\n<li><strong>Browser tabs:<\/strong> 16&#215;16 and 32&#215;32 pixels.<\/li>\n<li><strong>Phones and home screens:<\/strong> a larger PNG, such as 180&#215;180 pixels for an apple-touch-icon.<\/li>\n<li><strong>File size:<\/strong> aim for a few kilobytes for favicon.ico. Simple shapes and few colours compress best.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_to_make_a_lightweight_favicon\"><\/span>How to make a lightweight favicon<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li><strong>Start simple.<\/strong> A bold letter or symbol with two or three colours reads better at 16 pixels than a detailed logo.<\/li>\n<li><strong>Create the files<\/strong> with a free generator. Our guide on how to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2012\/07\/create-favicon-online-free\/\">create a favicon online free<\/a> lists good options.<\/li>\n<li><strong>Include only the sizes you need<\/strong> in favicon.ico (16, 32 and 48 pixels is plenty). Extra large sizes inside the .ico make the file heavier.<\/li>\n<li><strong>Compress PNG versions<\/strong> with an image optimizer before uploading.<\/li>\n<li><strong>Check the file size<\/strong> in your file manager or browser developer tools.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"How_to_add_a_favicon\"><\/span>How to add a favicon<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"In_WordPress\"><\/span>In WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Go to <strong>Appearance &gt; Customize &gt; Site Identity<\/strong> and upload a square image as the <strong>Site Icon<\/strong>. WordPress creates the sizes it needs and adds the tags for you. Some themes and block themes place this setting under Settings &gt; General or the Site Editor instead.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"On_any_website\"><\/span>On any website<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Upload your favicon to your site and add a link tag in the page head, for example:<\/p>\n<pre><code>&lt;link rel=\"icon\" href=\"\/favicon.ico\" sizes=\"any\"&gt;\n&lt;link rel=\"apple-touch-icon\" href=\"\/apple-touch-icon.png\"&gt;<\/code><\/pre>\n<p>Make sure robots.txt does not block the favicon or your home page, so Google can fetch it. Keep the favicon URL stable; Google can take days or weeks to pick up a change.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_changed_since_2007\"><\/span>What changed since 2007<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When we first wrote this post, favicons were mostly 16&#215;16 icons made in desktop tools such as <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2006\/03\/design-and-create-your-own-favicon-by-microangelo-icon-editor\/\">Microangelo Icon Editor<\/a>, and bandwidth was a real cost on small hosting plans. Now favicons appear in Google search results and on phone home screens, so they need larger sizes, while caching and CDNs make the bandwidth risk much smaller. Free favicon hosting services from that era, such as MyFavatar, are no longer needed; see our note on <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2006\/07\/free-hosting-of-favatars-and-favicons-at-myfavatar\/\">favicon hosting<\/a> for the simple modern approach.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"What_size_should_a_favicon_be\"><\/span>What size should a favicon be?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Square, with 16, 32 and 48 pixel versions for browsers, and larger than 48&#215;48 pixels for Google Search. Add a 180&#215;180 PNG for Apple devices.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_big_should_the_favicon_file_be\"><\/span>How big should the favicon file be?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As small as possible. A few kilobytes is a good target for favicon.ico; anything in the tens of kilobytes is worth optimizing.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Why_does_Google_not_show_my_favicon\"><\/span>Why does Google not show my favicon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Check that it is square, larger than 8&#215;8 pixels, linked from your home page and not blocked by robots.txt. Then wait, as Google may take a few weeks to update it.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can_I_use_a_PNG_instead_of_an_ICO_file\"><\/span>Can I use a PNG instead of an ICO file?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes. Google supports PNG, ICO and several other formats, and modern browsers accept PNG favicons.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your favicon is the tiny icon that shows on browser tabs, bookmarks and in Google search results. Because browsers request&#8230;<\/p>\n","protected":false},"author":4,"featured_media":68390,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6,25],"tags":[],"class_list":["post-2012","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","category-hosting"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/2012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=2012"}],"version-history":[{"count":1,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/2012\/revisions"}],"predecessor-version":[{"id":68391,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/2012\/revisions\/68391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/68390"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=2012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=2012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=2012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}