Choose file...
or drag & drop image here

How to Create a Favicon for Your Website

This tool allows you to create a favicon from any image. You can select the desired area of the picture (crop) so that the icon looks clear and recognizable even at a small size — at 16×16 pixels, fine detail and wide margins get lost far more than on a full-size logo.

How do I make a favicon.ico from a regular image?

Upload an image (JPG, PNG, WEBP or GIF), select the desired area with the crop frame in the preview, and click "Download .ico" — the file will include multiple sizes: 16×16, 32×32 and 48×48.

What favicon size do I need for my website?

A classic favicon.ico with 16–48px sizes is enough for the browser tab. If your site supports mobile devices and PWA, you also need PNG 180×180 (Apple Touch Icon) and 192×192/512×512 (Android/manifest).

What is the difference between an ICO file and a PNG icon?

ICO is a container that can store several image sizes in one file and is recognized by all browsers by default. PNG is used separately for specific platforms — Apple Touch Icon, Android Chrome, PWA manifest.

Why crop the image before creating a favicon?

When scaled down to 16×16 pixels, small details and wide margins turn into a blurry blob. Cropping lets you keep only the central recognizable element of the logo — a letter, symbol or icon.

Which favicon size to use

Size Where it is used Format
16×16 Browser tab (classic favicon) ICO, PNG
32×32 Browser tab on high-DPI screens ICO, PNG
48×48 Windows desktop site shortcut ICO, PNG
180×180 Apple Touch Icon for iOS (home screen) PNG
192×192 Android Chrome / PWA app icon PNG
512×512 PWA splash screen and manifest PNG

How to make a favicon?

  • 1

    Step 1

    Upload an image via the form or drag & drop a file into the upload area.

  • 2

    Step 2

    Crop the desired area using the frame on the preview.

  • 3

    Step 3

    Choose the size and quality, download .ico or .png.

FAQ