How to Create a Favicon
A favicon is the small icon that appears in browser tabs and bookmarks. A good favicon helps your brand stand out and makes your site look professional. Here's how to create one from an image, pick the right size, and add it to your website.
Start with a square image, ideally 512×512 px, with a transparent background for a clean icon.
Open a favicon generator like Pixcutly and upload your image.
Preview the icon at different sizes — 16×16, 32×32, 48×48 — to make sure it stays legible.
Download the favicon set as ICO and PNG files.
Upload the files to your site's root directory.
Add the link tags to the <head> of your HTML to point browsers to your favicon.
Pro tip
Keep the design simple and bold. What looks good at 512px often turns into a blurry smudge at 16px, so test at the smallest size first.
Frequently asked questions
A common baseline is 16×16 px for browser tabs and 32×32 px for bookmarks and taskbars. Providing a larger 512×512 source also helps Apple touch icons.
ICO is the legacy format required by older browsers and Windows. PNG is the modern standard, widely supported, and can be scaled for high-DPI displays.
Upload the favicon files to your site root, then add <link rel="icon"> and <link rel="apple-touch-icon"> tags inside the <head> of your HTML.
Need a favicon now?
Pixcutly's favicon generator turns any image into a complete ICO and PNG set in seconds.