Favicon Generator
from Image

What Is a Favicon?

A favicon is the small icon that appears in the browser tab next to your page title. It also shows in bookmarks, browser history, the address bar on some devices, and in Google search results on mobile. A clear favicon makes your website look professional, helps visitors find your tab among many open ones and builds trust in your brand. A favicon generator turns a logo or picture into every size and file type that browsers and devices ask for.

This free favicon generator creates the icons straight from your image. It makes PNG files in seven sizes, a classic favicon.ico file that contains several sizes, and the HTML code you need to paste into your site. You can download single files or everything in one ZIP.

How to Make a Favicon from an Image

1. Upload your logo or picture

Drag an image into the box or click to choose it. A square picture of at least 512 x 512 pixels gives the best result. PNG files with a transparent background work especially well for logos. The image is processed inside your browser and is never uploaded.

2. Adjust the look

Choose a shape: square, rounded corners or circle. Choose Crop to square when you want the icon to fill the frame, or Fit whole image when your logo must not be cut. Add padding if your logo touches the edges, and select a solid background colour if the icon needs one. The preview updates at once, and a mock browser tab shows how the icon will look at its real size.

3. Download the files

Press Download all as ZIP to get every size together with favicon.ico and a small HTML file with the link tags. You can also download a single PNG size or only the ICO file.

4. Add the favicon to your website

Upload the files to the root folder of your site, then paste the code from the tool inside the head section of your pages. On WordPress, you can also open Appearance, Customize, Site Identity and upload the 512 x 512 PNG as the Site Icon. WordPress then creates the tags for you.

Favicon Sizes and What They Are For

ICO or PNG: Which Favicon Format Should You Use?

Modern browsers accept PNG favicons, and PNG gives better quality and supports transparency. The ICO format is older, but many tools, feed readers and some browsers still request /favicon.ico automatically, so it is a good idea to provide one. The ICO file made by this tool holds the 16, 32 and 48 pixel versions in a single file, so each program can pick the size it needs.

Tips for a Favicon That Looks Good at 16 Pixels

• Keep it simple. A single letter, a symbol or a bold shape reads better than a full logo with small text.
• Use strong contrast. The icon appears on both light and dark browser themes, so avoid thin lines and pale colours.
• Add padding if needed. A little space around the shape stops it from looking cramped, especially when you use the circle shape.
• Use a transparent background for a clean look, or a solid colour if your logo is white or very light.
• Start from a big square image. Scaling down gives sharper icons than scaling up.

Favicons and SEO

A favicon is not a direct ranking factor, but it supports your search presence. Google shows the favicon next to your site name in mobile search results, so a clear and recognisable icon can improve trust and clicks. For Google to use it, the favicon file must be crawlable, the image should be a multiple of 48 pixels square, and the icon should stay the same across your site. Having a 48 x 48, 96 x 96 or 192 x 192 version available is a good idea, and the 192 pixel file made by this tool meets that rule.

Common Favicon Problems and Fixes

• The old icon still shows. Browsers cache favicons for a long time. Clear the cache, open the site in a private window or add a version number to the file name.
• The icon looks blurry. The source image was too small or too detailed. Use a larger image or a simpler design.
• No icon in Google. Check that robots.txt does not block the favicon and that the link tag is on your home page.
• A white box shows around the icon. Your picture has a solid background. Use a transparent PNG or choose the rounded or circle shape.

If you are not sure whether your logo has a real transparent background, test it with our Transparent PNG Checker first. You can also change the file type with the All-in-One Image Converter or prepare sizes for social profiles with the Social Media Image Resizer.

Free, Private and No Watermark

This favicon generator is completely free, does not add a watermark and needs no account. Your image never leaves your device, because every icon is drawn and packed in your browser. Generate as many versions as you like until the icon looks right.