How to make a favicon
A favicon is the small icon shown in browser tabs. Use our Favicon Generator to produce a multi-resolution favicon pack.
Image format guides, favicon how-tos, and SEO tips.
A modern favicon is more than a 16×16 image. Here's the full workflow for a setup that looks crisp on every browser, OS, and device.
ICO is universal but old; PNG is modern but needs explicit linking. Here's how to use both together.
There are dozens of recommendations online. Here's the minimal set that actually covers 100% of users.
Three tags cover 99% of cases. Two more give you a full PWA-grade setup.
WordPress calls it a Site Icon and handles every size for you. Here's the 60-second walkthrough.
SVG is the future; ICO is the floor. Ship both.
Most favicon generators upload your image to a server. The fastest and safest ones don't.
Windows asks for 7 different icon sizes. A single .ico can hold all of them.
A solid background on a favicon looks dated and clashes with dark mode. Here's how to keep alpha end-to-end.
Knowing how each format works helps you debug the inevitable "my favicon isn't showing" problem.
A favicon is the small icon shown in browser tabs. Use our Favicon Generator to produce a multi-resolution favicon pack.
PNG, JPG, WebP and AVIF each have a sweet spot. WebP is the safest default for photographic content.
Page weight directly affects ranking. Compress images before publishing to improve Core Web Vitals.