VERIFIED GUIDE

Generate a Complete Favicon Pack

Prepare a square source and generate the common browser icon sizes from one local file.

Open Favicon Pack in Labs

Direct answer

Start with a simple, square, high-resolution source with safe margins. Generate the pack, then inspect the smallest icon rather than assuming a detailed logo remains legible at 16px.

REPRODUCIBLE SAMPLE

This guide's before-and-after files

Before: 512×512 square source
Before: 512×512 square source
512×512 · 6.30KB · download file
After: actual 32×32 favicon output
After: actual 32×32 favicon output
32×32 · 2.52KB · download file
Observed result

The smallest downloadable output is 32×32 and remains visually legible.

A deterministic vector source is rasterized at 512px and 32px; both outputs are decoded and measured.

Validation date: 2026-07-18. Both files are downloadable; dimensions, byte counts, decodability, and distinct SHA-256 hashes are checked by the repository test suite.

Use the verified workflow

  1. Use a square source with transparent or intentional background.
  2. Generate the available icon sizes locally.
  3. Inspect 16px and 32px results and add the chosen files to the site's head/manifest.

Limits and failure cases

  • This Labs tool is not indexed until its full browser matrix is complete.
  • A generated pack does not replace platform-specific maskable icon design.

Official sources and verification

Tool behavior and samples were checked on 2026-07-18. External references:

Common question

Does PixCloak upload the source image?

No. The editing pipeline uses browser File, Canvas, and Blob APIs on this device. Optional analytics and advertising are separate and load only after the applicable consent choice; product events never include image bytes or filenames.