{"id":1895,"date":"2026-10-14T09:13:00","date_gmt":"2026-10-14T13:13:00","guid":{"rendered":"https:\/\/www.xconvert.com\/blog\/?p=1895"},"modified":"2026-08-31T23:05:48","modified_gmt":"2026-09-01T03:05:48","slug":"favicon-sizes-you-actually-need","status":"publish","type":"post","link":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need","title":{"rendered":"Favicon Sizes in 2026: The Five Files You Actually Need"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Run your logo through most favicon generators and you get a zip with twenty-odd files, a <code>browserconfig.xml<\/code>, and eleven <code>&lt;link&gt;<\/code> tags to paste into your <code>&lt;head&gt;<\/code>. Almost all of it is archaeology \u2014 dead weight for platforms that no longer exist or that never needed a separate file. In 2026 the working set is <strong>five images and one manifest<\/strong>, and this article covers exactly which, at what dimensions, and which of the old ones you can delete without anything breaking.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Quick answer:<\/strong> Ship <strong><code>favicon.ico<\/code><\/strong> (16 + 32 inside one file), <strong><code>favicon-32x32.png<\/code><\/strong>, <strong><code>apple-touch-icon.png<\/code> at 180\u00d7180<\/strong>, and <strong>192\u00d7192<\/strong> plus <strong>512\u00d7512<\/strong> PNGs referenced from a <code>site.webmanifest<\/code>. Chromium requires the last two for an installable web app; Apple requires the 180 because iOS ignores <code>rel=&quot;icon&quot;<\/code> entirely. An SVG favicon is a nice extra but not a replacement \u2014 Safari and Safari on iOS both waited until <strong>26.0<\/strong>, so every device still on 18.x needs the PNGs. Build the ICO and all the PNGs from one square image with <a href=\"https:\/\/www.xconvert.com\/favicon-generator\">xconvert\u2019s favicon generator<\/a>, which runs on your device; you write the one-page manifest yourself.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Jump to a section<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#five\">The five files<\/a><\/li><li><a href=\"#stop\">What you can stop shipping<\/a><\/li><li><a href=\"#ico\">Why favicon.ico still exists \u2014 and why 256 is its ceiling<\/a><\/li><li><a href=\"#html\">The HTML you actually need<\/a><\/li><li><a href=\"#tool\">Generate the full set on xconvert<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"five\">The five files<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"691\" src=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files.png\" alt=\"Ladder of the five favicon files: favicon.ico at 16 and 32 pixels for browser tabs and crawlers, favicon-32x32.png for modern tabs, apple-touch-icon.png at 180 pixels for the iOS home screen, and 192x192 plus 512x512 PNGs required by Chromium for an installable web app\" class=\"wp-image-1892\" srcset=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files.png 1600w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files-300x130.png 300w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files-1024x442.png 1024w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files-768x332.png 768w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/favicon-five-files-1536x663.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each one exists because a specific platform will not read any of the others:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>favicon.ico<\/code> \u2014 16\u00d716 and 32\u00d732 in a single file, at the site root.<\/strong> ICO is a container format that holds several images at different sizes, and the browser picks the closest match. This is the only file browsers will fetch <em>without<\/em> a <code>&lt;link&gt;<\/code> tag, by convention probing <code>\/favicon.ico<\/code>, which is why it is still worth having even in a fully modern setup. Google Search accepts ICO among its supported favicon formats.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>favicon-32x32.png<\/code> \u2014 modern browser tabs.<\/strong> A plain PNG that browsers select via the <code>sizes<\/code> attribute. MDN describes the selection: browsers use the <code>media<\/code>, <code>type<\/code> and <code>sizes<\/code> attributes of your <code>&lt;link rel=&quot;icon&quot;&gt;<\/code> tags to pick the most appropriate icon, falling through to the next one if the chosen format turns out to be unsupported.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>apple-touch-icon.png<\/code> \u2014 180\u00d7180.<\/strong> iOS is the reason this file is separate rather than another <code>sizes<\/code> entry. As MDN puts it, \u201cApple\u2019s iOS does not use this link type, nor the <code>sizes<\/code> attribute, like others mobile browsers do, to select a webpage icon for Web Clip\u201d \u2014 it uses the non-standard <code>apple-touch-icon<\/code> relation instead. 180\u00d7180 is the size to ship; iOS downsamples it for smaller targets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>android-chrome-192x192.png<\/code> and <code>android-chrome-512x512.png<\/code>.<\/strong> These are not decorative. Chromium\u2019s install criteria are explicit: \u201cFor Chromium, you must provide at least a 192&#215;192 pixel icon and a 512&#215;512 pixel icon.\u201d Supply just those two and Chrome scales them for everything else. They are declared in the manifest, not in a <code>&lt;link rel=&quot;icon&quot;&gt;<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><code>site.webmanifest<\/code> \u2014 the sixth file, and it is text.<\/strong> It is what connects the 192 and 512 PNGs to the browser\u2019s install prompt. Without it, those two PNGs are just files nobody reads. If you want an Android adaptive icon that isn\u2019t awkwardly cropped, add <code>&quot;purpose&quot;: &quot;any maskable&quot;<\/code> to the icon entry and design with a safe margin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>One optional extra: an SVG favicon.<\/strong> It scales perfectly and can respond to dark mode via a media query inside the SVG. But treat it strictly as an enhancement: per caniuse it sits at about <strong>90% global support<\/strong> \u2014 Chrome and Edge from 80, Firefox from 41, but <strong>Safari and Safari on iOS only from 26.0<\/strong>, with every earlier version, up to and including 18.7, unsupported. Ship it alongside the PNGs, never instead of them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"stop\">What you can stop shipping<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you inherited a favicon folder from a generator circa 2016, most of it can go:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>File<\/th><th>Verdict<\/th><\/tr><\/thead><tbody><tr><td><code>mstile-*.png<\/code> + <code>browserconfig.xml<\/code><\/td><td><strong>Delete.<\/strong> These were for Windows 8\/10 Start-menu live tiles, a feature that no longer exists<\/td><\/tr><tr><td><code>apple-touch-icon-57x57<\/code> \u2026 <code>-152x152<\/code> (the full ladder)<\/td><td><strong>Delete.<\/strong> Modern iOS takes one 180\u00d7180 and downsamples<\/td><\/tr><tr><td><code>apple-touch-icon-precomposed.png<\/code><\/td><td><strong>Delete<\/strong> unless you support genuinely ancient iOS. Google still recognises the <code>rel<\/code> value, but nothing needs the extra file<\/td><\/tr><tr><td><code>favicon-96x96.png<\/code><\/td><td><strong>Optional.<\/strong> Harmless, but nothing specifically requires it<\/td><\/tr><tr><td><code>favicon-16x16.png<\/code> as a separate file<\/td><td><strong>Optional.<\/strong> Useful as an explicit <code>sizes=&quot;16x16&quot;<\/code> entry, but the ICO already carries a 16\u00d716<\/td><\/tr><tr><td><code>android-chrome-*<\/code> at every intermediate size<\/td><td><strong>Delete.<\/strong> Chromium wants 192 and 512 and scales the rest<\/td><\/tr><tr><td><code>safari-pinned-tab.svg<\/code><\/td><td><strong>Delete.<\/strong> This was for macOS Safari\u2019s pinned-tab monochrome mask, no longer needed<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The net effect is going from about twenty files and a dozen <code>&lt;link&gt;<\/code> tags to five images, one manifest and four lines of HTML.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ico\">Why favicon.ico still exists \u2014 and why 256 is its ceiling<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">ICO is a genuinely odd format to still be using in 2026, and understanding its shape explains a constraint people hit constantly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An ICO file is a directory of images. Microsoft\u2019s own format documentation defines each entry as an <code>ICONDIRENTRY<\/code>, and the very first two fields are:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>BYTE  bWidth;   \/\/ Width, in pixels, of the image\nBYTE  bHeight;  \/\/ Height, in pixels, of the image<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single bytes.<\/strong> That is the whole story: a dimension in an ICO directory cannot be declared above 255, and later implementations adopted the convention that a stored <code>0<\/code> means 256. So <strong>256\u00d7256 is the practical ceiling for an ICO entry<\/strong>, and anything wider or taller than that cannot be described by the directory at all. (The same document recommends including 16\u00d716, 32\u00d732 and 48\u00d748 as a minimum set \u2014 advice from 1995 that still holds.)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This has a practical consequence if you convert an image to ICO directly rather than using a favicon generator. On <a href=\"https:\/\/www.xconvert.com\/convert-jpeg-to-ico\">xconvert\u2019s JPEG to ICO converter<\/a>, <strong>Image resolution \u2192 Preset Resolutions<\/strong> is the only resizing mode, and its dropdown carries the whole video ladder from 4320p down before the ICO-scale entries \u2014 256P, 192P, 180P, 128P, 64P, 48P, 32P, 24P, 16P \u2014 appear at the bottom. <strong>It opens on 768p, so you must change it<\/strong>; leaving it alone produces a 768-pixel-tall image that no ICO directory entry can describe. Like every \u201cp\u201d preset, <strong>each one sets the height<\/strong> and lets the width follow the aspect ratio. Feed it a square logo and 256P gives you 256\u00d7256, exactly at the ceiling. Feed it a <strong>landscape<\/strong> logo and 256P gives you something like 455\u00d7256 \u2014 wider than an ICO entry can declare. With a wide source, <strong>128P is the safe maximum<\/strong>, or better, crop the image square before converting. (That converter processes on our servers: the file uploads over an encrypted connection and is automatically deleted a few hours later.)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"html\">The HTML you actually need<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Four lines in <code>&lt;head&gt;<\/code>, plus the manifest:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=&quot;icon&quot; href=&quot;\/favicon.ico&quot; sizes=&quot;16x16 32x32&quot;&gt;\n&lt;link rel=&quot;icon&quot; href=&quot;\/favicon-32x32.png&quot; type=&quot;image\/png&quot; sizes=&quot;32x32&quot;&gt;\n&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;\/apple-touch-icon.png&quot;&gt;\n&lt;link rel=&quot;manifest&quot; href=&quot;\/site.webmanifest&quot;&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">And the icon block inside <code>site.webmanifest<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&quot;icons&quot;: [\n  { &quot;src&quot;: &quot;\/android-chrome-192x192.png&quot;, &quot;sizes&quot;: &quot;192x192&quot;, &quot;type&quot;: &quot;image\/png&quot; },\n  { &quot;src&quot;: &quot;\/android-chrome-512x512.png&quot;, &quot;sizes&quot;: &quot;512x512&quot;, &quot;type&quot;: &quot;image\/png&quot;,\n    &quot;purpose&quot;: &quot;any maskable&quot; }\n]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">If you are adding the optional SVG, put it before the PNG line so browsers that support it prefer it: <code>&lt;link rel=&quot;icon&quot; href=&quot;\/favicon.svg&quot; type=&quot;image\/svg+xml&quot;&gt;<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tool\">Generate the full set on xconvert<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Open <a href=\"https:\/\/www.xconvert.com\/favicon-generator\">xconvert.com\/favicon-generator<\/a> and use <strong>Drop image, or click to choose<\/strong>. The tool asks for a <strong>square PNG \/ JPG \/ SVG (\u2265 512px recommended)<\/strong> \u2014 start square, because everything downstream is square and cropping later is worse than cropping first.<\/li><li>Pick a <strong>Background<\/strong>. This is a colour swatch, not a toggle: it opens on white and <strong>there is no transparent option<\/strong>, so every icon the tool produces is drawn on a solid fill of whatever colour you choose. That is usually the right outcome anyway \u2014 a transparent logo can vanish against a dark browser tab \u2014 but if you specifically need an icon with an alpha channel, this is not the tool for it.<\/li><li>Turn on <strong>Rounded corners (iOS-style)<\/strong> if you want the Apple home-screen look baked in. Leave it off if your logo already has its own shape.<\/li><li>Click <strong>&#x2699; Generate favicon set<\/strong>. It is a button, not a checkbox. The preview panel fills with seven cards: <strong>favicon.ico<\/strong>, which packs 16, 32 and 48 into one file, and a separate PNG at <strong>16\u00d716, 32\u00d732, 48\u00d748, 180\u00d7180, 192\u00d7192 and 512\u00d7512<\/strong>.<\/li><li>Download the ones you need with each card\u2019s <strong>&#x2b07;<\/strong> button \u2014 there is no zip, and nothing is saved until you click. The ICO arrives as <code>favicon.ico<\/code>; <strong>every PNG arrives as <code>favicon-NxN.png<\/code><\/strong>, so the 180 lands as <code>favicon-180x180.png<\/code> rather than <code>apple-touch-icon.png<\/code>, and the 192 and 512 land as <code>favicon-192x192.png<\/code> and <code>favicon-512x512.png<\/code> rather than <code>android-chrome-*<\/code>. Rename them to match the convention above, or keep the tool\u2019s names and point your <code>&lt;link&gt;<\/code> tags and manifest at those instead \u2014 filenames are yours to choose, only the <code>rel<\/code> and <code>sizes<\/code> values have to be right.<\/li><li><strong>&#x1f4cb; Copy HTML<\/strong> gives you a starting block rather than a finished one. It emits five lines referencing <code>favicon.ico<\/code>, <code>favicon-16x16.png<\/code>, <code>favicon-32x32.png<\/code>, <code>favicon-180x180.png<\/code> as the apple-touch-icon, and <code>\/site.webmanifest<\/code> \u2014 <strong>and the tool does not write that manifest<\/strong>. Create <code>site.webmanifest<\/code> yourself using the icon block from <a href=\"#html\">the HTML you actually need<\/a> above, pointed at whichever 192 and 512 filenames you kept.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The whole set is built <strong>client-side<\/strong> \u2014 your logo is processed on your own device and never sent to a server, so there is nothing uploaded and nothing stored anywhere but your machine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you only need the single ICO file rather than the whole set, <a href=\"https:\/\/www.xconvert.com\/blog\/convert-an-image-to-ico-favicon\/\">how to convert an image to ICO<\/a> covers that narrower job.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">What favicon sizes do I actually need in 2026?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Five images: <strong>16 and 32 inside <code>favicon.ico<\/code><\/strong>, a <strong>32\u00d732 PNG<\/strong>, a <strong>180\u00d7180 apple-touch-icon<\/strong>, and <strong>192\u00d7192<\/strong> plus <strong>512\u00d7512<\/strong> PNGs wired up through a web app manifest. Everything beyond that \u2014 the mstile set, the ladder of apple-touch-icon sizes, intermediate Android sizes \u2014 is legacy. Five files and one manifest covers browser tabs, bookmarks, iOS home screens, Android install prompts and search results.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Do I still need favicon.ico, or is PNG enough?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Keep it. <code>favicon.ico<\/code> is the one icon browsers request <strong>without being told to<\/strong>, by probing <code>\/favicon.ico<\/code> at your site root, and various crawlers and link-preview tools do the same. Because ICO holds several sizes in one file, a single <code>favicon.ico<\/code> with 16\u00d716 and 32\u00d732 inside handles the legacy path cleanly. PNG covers modern browsers; ICO covers everything that never asks.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What size does Google want for the favicon in search results?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Per Google Search Central, your favicon \u201cmust be a square (1:1 aspect ratio) that\u2019s at least 8x8px,\u201d and Google recommends \u201cusing a favicon that\u2019s larger than 48x48px so that it looks good on various surfaces.\u201d Google accepts BMP, GIF, ICO, PNG, JPEG, PPM and TIFF, and reads <code>rel=&quot;icon&quot;<\/code>, <code>rel=&quot;apple-touch-icon&quot;<\/code> and <code>rel=&quot;apple-touch-icon-precomposed&quot;<\/code>. The 192 and 512 PNGs you are already shipping comfortably clear the recommendation.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Can I just use one SVG favicon and skip the rest?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Not yet. SVG favicons sit at about <strong>90% global support<\/strong> on caniuse \u2014 good, but the gap is in exactly the wrong place: <strong>Safari and Safari on iOS both added support only in 26.0<\/strong>, so every iPhone still on 18.7 or earlier sees nothing. Add the SVG as a progressive enhancement in front of your PNG line and keep the raster files as the fallback.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Why can\u2019t I make a 512\u00d7512 ICO file?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Because the ICO directory stores each image\u2019s width and height as <strong>single-byte fields<\/strong> \u2014 Microsoft\u2019s format documentation defines them as <code>BYTE bWidth<\/code> and <code>BYTE bHeight<\/code>. A byte cannot express 512, and the widely implemented convention is that a stored <code>0<\/code> means 256, which makes <strong>256\u00d7256 the ceiling for an ICO entry<\/strong>. Anything larger has to be a PNG. That is precisely why the 192 and 512 icons in the modern set are PNGs and not extra ICO entries.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">My logo is wide, not square. What happens when I convert it to ICO?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201cp\u201d presets on the ICO converter set the <strong>height<\/strong>, so a landscape source at <strong>256P<\/strong> comes out wider than 256 pixels \u2014 beyond what an ICO directory entry can declare. With a wide source, <strong>128P is the safe maximum<\/strong>. The better fix is to crop or pad the image to a square before you start: favicons are displayed square everywhere, so a wide logo will be squeezed or cropped by someone eventually, and it may as well be you making that decision.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Should my favicon have a transparent background?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Usually not. A transparent PNG picks up whatever is behind it, which means a dark logo disappears in a dark-themed browser tab and a light one disappears in a light theme. A solid background \u2014 the <strong>Background<\/strong> option in the generator \u2014 makes the icon behave predictably everywhere. The exception is a maskable Android icon, where the platform supplies the shape and you want to leave a safe margin inside it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sources<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Last verified 2026-08-31.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/favicon-in-search\">Google Search Central \u2014 Define a favicon to show in search results<\/a> \u2014 square 1:1, \u201cat least 8x8px,\u201d recommended larger than 48\u00d748; supported formats and <code>rel<\/code> values.<\/li><li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Attributes\/rel\">MDN \u2014 HTML <code>rel<\/code> attribute<\/a> \u2014 how browsers select among multiple <code>rel=&quot;icon&quot;<\/code> links, and the note that iOS uses the non-standard <code>apple-touch-icon<\/code> instead.<\/li><li><a href=\"https:\/\/web.dev\/articles\/add-manifest\">web.dev \u2014 Add a web app manifest<\/a> \u2014 \u201cFor Chromium, you must provide at least a 192&#215;192 pixel icon and a 512&#215;512 pixel icon,\u201d plus <code>&quot;purpose&quot;: &quot;any maskable&quot;<\/code>.<\/li><li><a href=\"https:\/\/learn.microsoft.com\/en-us\/previous-versions\/ms997538%28v%3dmsdn.10%29\">Microsoft \u2014 Icons (ICO file format)<\/a> \u2014 the <code>ICONDIRENTRY<\/code> structure with <code>BYTE bWidth<\/code> \/ <code>BYTE bHeight<\/code>, and the recommended minimum 16\/32\/48 set.<\/li><li><a href=\"https:\/\/caniuse.com\/link-icon-svg\">caniuse \u2014 SVG favicons<\/a> \u2014 90.48% global support; Chrome\/Edge 80+, Firefox 41+, Safari and iOS Safari 26.0+, unsupported in both through 18.7.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.<\/p>\n","protected":false},"author":3,"featured_media":1893,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,14],"tags":[],"class_list":["post-1895","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-guides","category-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Favicon Sizes in 2026: The Five Files You Actually Need<\/title>\n<meta name=\"description\" content=\"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Favicon Sizes in 2026: The Five Files You Actually Need\" \/>\n<meta property=\"og:description\" content=\"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need\" \/>\n<meta property=\"og:site_name\" content=\"XConvert Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/xconvertcom\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-14T13:13:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"James\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:site\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need\"},\"author\":{\"name\":\"James\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"headline\":\"Favicon Sizes in 2026: The Five Files You Actually Need\",\"datePublished\":\"2026-10-14T13:13:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need\"},\"wordCount\":2003,\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-14.png\",\"articleSection\":[\"How To Guides\",\"Tools\"],\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need\",\"name\":\"Favicon Sizes in 2026: The Five Files You Actually Need\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-14.png\",\"datePublished\":\"2026-10-14T13:13:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"description\":\"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#primaryimage\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-14.png\",\"contentUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-14.png\",\"width\":1600,\"height\":840,\"caption\":\"The xconvert favicon generator at \\\/favicon-generator with the image drop zone highlighted \u2014 build the full favicon set from one square logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/favicon-sizes-you-actually-need#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.xconvert.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Favicon Sizes in 2026: The Five Files You Actually Need\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/\",\"name\":\"XConvert Blog\",\"description\":\"Blog for XConvert file converter\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\",\"name\":\"James\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"caption\":\"James\"},\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/author\\\/james\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Favicon Sizes in 2026: The Five Files You Actually Need","description":"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need","og_locale":"en_US","og_type":"article","og_title":"Favicon Sizes in 2026: The Five Files You Actually Need","og_description":"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.","og_url":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need","og_site_name":"XConvert Blog","article_publisher":"https:\/\/www.facebook.com\/xconvertcom","article_published_time":"2026-10-14T13:13:00+00:00","og_image":[{"width":1600,"height":840,"url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png","type":"image\/png"}],"author":"James","twitter_card":"summary_large_image","twitter_creator":"@xconvert_com","twitter_site":"@xconvert_com","twitter_misc":{"Written by":"James","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#article","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need"},"author":{"name":"James","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"headline":"Favicon Sizes in 2026: The Five Files You Actually Need","datePublished":"2026-10-14T13:13:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need"},"wordCount":2003,"image":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png","articleSection":["How To Guides","Tools"],"inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need","url":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need","name":"Favicon Sizes in 2026: The Five Files You Actually Need","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#primaryimage"},"image":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png","datePublished":"2026-10-14T13:13:00+00:00","author":{"@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"description":"Favicon sizes in 2026: five images and one manifest, not twenty. What each file is for, what to delete, and why an ICO cannot exceed 256 pixels.","breadcrumb":{"@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#primaryimage","url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png","contentUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-14.png","width":1600,"height":840,"caption":"The xconvert favicon generator at \/favicon-generator with the image drop zone highlighted \u2014 build the full favicon set from one square logo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xconvert.com\/blog\/favicon-sizes-you-actually-need#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xconvert.com\/blog"},{"@type":"ListItem","position":2,"name":"Favicon Sizes in 2026: The Five Files You Actually Need"}]},{"@type":"WebSite","@id":"https:\/\/www.xconvert.com\/blog\/#website","url":"https:\/\/www.xconvert.com\/blog\/","name":"XConvert Blog","description":"Blog for XConvert file converter","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xconvert.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Person","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845","name":"James","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","caption":"James"},"url":"https:\/\/www.xconvert.com\/blog\/author\/james"}]}},"_links":{"self":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/comments?post=1895"}],"version-history":[{"count":1,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1895\/revisions"}],"predecessor-version":[{"id":1896,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1895\/revisions\/1896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media\/1893"}],"wp:attachment":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media?parent=1895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/categories?post=1895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/tags?post=1895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}