Favicon Generator

Image & Design Tools

Favicon Generator

Prepare common favicon sizes and HTML snippets from a source image.

Tool guide

Before you start

Prepare common favicon sizes and HTML snippets from a source image.

Category
Image & Design Tools
Processing
Input is processed in the browser.
Example
Prepare common favicon sizes and HTML snippets from a source image.

Input / output

Local image workbench

Favicon generator

Prepare icon sizes and a manifest package.

Active mode

favicon

Favicon generator

Image size

1200x800

240 KB

Privacy

unknown

image/jpeg

Before / after boardfavicon
1200x800
local result

Choose an image tool

4/6

Local file input

Files stay in the browser. The sample below is used until you select an image.

Ready for local browser processing.

File preview

파일sample-photo.jpg

해상도1200x800

비율3:2

용량240 KB

Original240 KB

ResultNot created

Deltapending

Result

Sizes: 16, 32, 48, 96, 180, 192, 512
sample-photo-16x16.png
sample-photo-32x32.png
sample-photo-48x48.png
sample-photo-96x96.png
sample-photo-180x180.png
sample-photo-192x192.png
sample-photo-512x512.png
favicon.ico
favicon.svg
sample-photo-favicon-package.zip
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/sample-photo-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/sample-photo-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/sample-photo-180x180.png">
<link rel="mask-icon" href="/favicon.svg" color="#111111">
<link rel="manifest" href="/site.webmanifest">
<meta name="color-scheme" content="light dark">
{
  "name": "sample-photo",
  "short_name": "sample-photo",
  "icons": [
    {
      "src": "/sample-photo-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/sample-photo-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/sample-photo-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.

What is this tool?

Favicon Generator is a browser-first tool for prepare common favicon sizes and HTML snippets from a source image. It fits into the image and design workflow and keeps the main task on one page.

How to use it

  1. Enter the input

    Paste or edit the value in the input area. Sample values are safe placeholders for testing the tool.

  2. Adjust options

    Choose the mode, format, unit, or count that matches the favicon, apple touch icon, site icon task.

  3. Review the result

    Run the tool, inspect the output, then copy or download it only when the result matches your expectation.

Examples

Favicon Generator example

Input
Sample input
Output
Review the result in the browser.

Practical tips

  • For large inputs, process the smallest useful sample first to keep the browser responsive.
  • Ad slots are intentionally kept away from tool controls and result panes.

FAQ

What input should I use with Favicon Generator?

Use values that match the favicon, apple touch icon task, then adjust the visible options before running the tool.

Can I copy the Favicon Generator result?

Yes. Review the output first, then copy or download it when the result matches your expectation.

Can I use Favicon Generator on mobile?

Yes. The input, options, action, and result areas are designed to stack cleanly on small screens.

Will ads interrupt Favicon Generator?

No. Ad slots stay outside the input, output, and primary action areas so the tool remains usable and policy-safe.

Tools to Use Together

Image ResizerImage Color ExtractorSVG to PNG Converter