How to Make a Favicon
Make a favicon from a logo or image, download the browser-ready files, and add them to your website. For exact pixel dimensions or format choices, use the linked size and format guides.
About How to make a favicon
Making a favicon is a website setup workflow: start with a square logo or icon, generate the favicon files, place them in the right location, and add the correct HTML link tags. This page focuses on that workflow rather than serving as the full size or format reference.
Best source image for a favicon: 1. Use a square logo mark, icon, monogram, or simplified symbol. 2. Avoid full horizontal logos with small text because they become unreadable in browser tabs. 3. Start from a clean PNG, SVG, or high-resolution image so the generated favicon remains sharp. 4. Preview the smallest browser-tab version before publishing.
Basic favicon creation workflow: 1. Upload your logo or image to the Favicon Generator. 2. Generate the browser favicon files and mobile icon files. 3. Download the favicon package. 4. Upload favicon.ico and the PNG icons to your site root or public assets folder. 5. Add the HTML link tags to your page head and verify the favicon in a browser tab.
For exact favicon sizes and dimensions, use the favicon sizes and dimensions guide. It covers 16x16, 32x32, 48x48, 180x180, 192x192, and 512x512 outputs. For choosing between ICO, PNG, and SVG, use the best favicon format guide.
If your source image is already a PNG, the PNG to favicon converter workflow is the most direct path. Upload the PNG, generate favicon.ico plus PNG sizes, and check that transparency and cropping look correct at small dimensions.