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.
Tutorials
Image format guides, favicon how-tos, and SEO tips.
Articles
How to Create a Favicon
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.
6 min readRead
ICO vs PNG for Favicons
ICO is universal but old; PNG is modern but needs explicit linking. Here's how to use both together.
4 min readRead
Best Favicon Sizes for Websites
There are dozens of recommendations online. Here's the minimal set that actually covers 100% of users.
5 min readRead
How to Add a Favicon in HTML
Three tags cover 99% of cases. Two more give you a full PWA-grade setup.
3 min readRead
How to Add a Favicon in WordPress
WordPress calls it a Site Icon and handles every size for you. Here's the 60-second walkthrough.
3 min readRead
SVG vs ICO Icons
SVG is the future; ICO is the floor. Ship both.
4 min readRead
Best Favicon Generator Tools in 2026
Most favicon generators upload your image to a server. The fastest and safest ones don't.
5 min readRead
How to Create Windows App Icons
Windows asks for 7 different icon sizes. A single .ico can hold all of them.
4 min readRead
The Transparent Favicon Guide
A solid background on a favicon looks dated and clashes with dark mode. Here's how to keep alpha end-to-end.
3 min readRead
How Favicon Formats Work
Knowing how each format works helps you debug the inevitable "my favicon isn't showing" problem.
6 min readRead
Guides
Guides →More
Best image format for the web
PNG, JPG, WebP and AVIF each have a sweet spot. WebP is the safest default for photographic content.
Compress images for SEO
Page weight directly affects ranking. Compress images before publishing to improve Core Web Vitals.