🧰Locly

Generate Favicon from an Image

Generate favicons in multiple sizes from any image, processed locally in your browser

Select Image

or drag and drop an image here

Supports: JPG, PNG, WebP, SVG

About This Tool

Generate favicons in all the sizes you need from a single image. Create the classic favicon.ico plus PNG icons for modern browsers, Apple devices, and PWAs. All processing happens locally in your browser β€” your images are never uploaded.

How to Use

  1. Click 'Select Image' or drag and drop your source image
  2. Select which sizes to generate
  3. Click 'Generate Favicons' to create all icons
  4. Download individually or as a ZIP with all sizes

Common Use Cases

  • Websites: Create favicons for browser tabs and bookmarks
  • PWAs: Generate icons for Progressive Web Apps
  • Mobile: Create Apple Touch Icons and Android icons
  • Browser extensions: Generate icons for Chrome/Firefox extensions
  • Desktop apps: Create icons for Electron or desktop applications

FAQ

Q1: What image should I use as source?

Use a square image at least 512Γ—512 pixels. Simple, high-contrast designs work best at small sizes. PNG with transparency is ideal.

Q2: What sizes do I need?

At minimum: 16Γ—16, 32Γ—32 for browser tabs, 180Γ—180 for Apple Touch Icon. For PWAs, add 192Γ—192 and 512Γ—512.

Q3: What's the difference between .ico and .png?

.ico is the traditional format that can contain multiple sizes in one file. PNG favicons are used by modern browsers and mobile devices.

Q4: Are my images uploaded anywhere?

No. All favicon generation happens locally in your browser. Your images never leave your device.

Q5: Why does my favicon look blurry?

Small icons need simple designs. If your source has fine details, they'll be lost at 16Γ—16. Consider creating a simplified version for small sizes.

Related Tools

Image CropperImage ResizerJPG PNG WebP Converter