Turn your masthead into a complete favicon set in under a minute. Sized for every browser, every device, and every CMS — from WordPress VIP to Arc XP to Ghost.
For most websites, a favicon is decoration. For a news publisher, it is brand identity in 16 pixels. Your favicon shows up in browser tabs that readers leave open all day, in pinned home-screen icons on phones, in RSS readers, in Google News carousels, in Apple News previews, in Slack and Teams link unfurls when someone shares your article, and in the bookmark bar of every loyal reader. A blurry or missing favicon is a daily, repeated, low-grade trust failure across every one of those surfaces.
The problem: most newsroom CMSes were configured years ago, when a single 16x16 .ico file was enough. In 2026 you need at minimum nine sized variants — 16, 32, 48, 96, 192, and 512 pixel PNGs, an apple-touch-icon at 180x180, a Safari pinned-tab SVG, and a manifest.json declaring them all so progressive-web-app installs and Android home-screen pins look correct. Generating that bundle by hand from your masthead in Photoshop or Figma takes 20 minutes and produces inconsistent rounding artifacts. This tool produces the entire bundle in 60 seconds.
<link> block ready for your <head>Your design team rolled out a new masthead but the favicon is still the old one. Multiply that mismatch across every reader's pinned tab and you have a constant brand-consistency leak. Drop the new logomark in, download the bundle, and ship it to production the same afternoon.
A general-news site with strong vertical brands — politics, sports, food, tech — sometimes wants its sub-domain or sub-section to render with a different favicon. Generate one bundle per vertical from each section's logomark, then conditionally inject the right <link rel="icon"> based on the URL path. Readers who keep your tech section pinned see the tech mark; politics readers see the politics mark.
Many newsrooms swap branding during major events — a red-and-blue accent on election night, a crisis ribbon during major breaking news. A pre-baked alternate favicon set lets you flip the icon along with the rest of the visual treatment with a single config change, without dragging your design team into a midnight rush job.
Most large publishers run a newsletter platform and a member portal alongside the main site, each on its own subdomain. Each needs its own favicon — or at minimum a consistent one. Generate the same masthead bundle once and deploy it to every property, ensuring the brand looks identical in tabs whether the reader is on the main site, the newsletter archive, or the paid-membership dashboard.
Apple News and Google News publisher onboarding both require high-resolution square logos. The 512x512 PNG output from this tool meets the minimum spec for both, saving you a separate export pass. (Always verify against current submission guidelines — the specs do shift year to year.)
Upload the bundle's android-chrome-512x512.png via Appearance → Customize → Site Identity → Site Icon. WordPress will derive the smaller sizes automatically, but for sharper rendering replace the auto-generated files in your theme's root with the hand-rasterized versions from this tool.
Upload the full bundle to your asset host and reference each file in your site's <head> partial via the resolver. Most Arc deployments centralize this in a shared SiteHead Fusion component — replace its existing favicon block with the snippet this tool generates.
Drop favicon.ico into your theme root and inject the additional <link> tags via {{ghost_head}} or your theme's default.hbs.
Place the bundle in your /public root and paste the generated <link> block into your global head template. Set a long Cache-Control (one year is fine — the file rarely changes and is hashed in the URL on most modern CDNs).
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">News sites are loaded across browsers, mobile home screens, RSS readers, Google News, and Apple News previews. A single 16x16 .ico fails on retina screens and home-screen pinning. The full set ensures the masthead renders sharply from a tab strip down to a 512x512 PWA icon.
Yes. Upload your SVG or PNG logomark and the generator rasterizes every required size cleanly. For very wordy mastheads, use a single-letter or monogram version at small sizes — full wordmarks become illegible at 16x16.
Yes. The output is a static ZIP of standards-compliant files. WordPress VIP, Arc XP, Ghost, Substack, Drupal, and most custom newsroom CMSes accept it as-is — drop it into your theme root or the platform's site-icon settings.
Favicons are tiny (the full bundle is under 50 KB) and cached aggressively after first visit. They have effectively zero impact on LCP, INP, or CLS. Serve them with a long Cache-Control header.
Yes, completely free with no account, no email, and no watermark. Generation runs entirely in your browser — your masthead artwork never leaves your machine.
manifest.json in this bundle.