Favicon Sizes Calculator

Work out favicon sizes instantly with clear inputs, formula shown and shareable results.

About Favicon Sizes Calculator

The base set covers the 16, 32 and 48 pixel browser favicons; Apple touch icons add 180 pixels and Android or PWA manifests add 192 and 512 pixels. Serving only a 512 px icon leaves browsers downscaling to 16 px, where hinted detail matters most, so the small sizes are usually redrawn rather than scaled.

Formula

Uncompressed size

bytes = sum over sizes of (size x size x 4) for 32-bit RGBA

Worked example

With the default values below, Favicon Sizes Calculator returns Icon files needed of 6. Change any input above and every figure here is recalculated in your browser.

Inputs used

Include Apple touch icons: Yes
Include Android and PWA icons: Yes

Results

Icon files needed: 6
Sizes to export: 16, 32, 48, 180, 192, 512 px
Largest size: 512 px
Uncompressed total size: 1,308.6 KB

Step by step

1Values used
2Uncompressed size
3Icon files needed= 6
4Sizes to export= 16, 32, 48, 180, 192, 512 px
5Largest size= 512 px
6Uncompressed total size= 1,308.6 KB

Assumptions and limits

The result is derived only from the 2 inputs listed above. Anything not among them is not part of the calculation.
In particular, this calculator does not take inflation, tax, fees or charges or compounding frequency into account.
Figures are rounded for display to 1 decimal place, so totals built from several rounded parts can differ slightly from the unrounded arithmetic.

How these calculators are built and tested is described on the Methodology page. If a figure looks wrong, please report it.

Frequently Asked Questions

How is the Favicon Sizes figure worked out?

bytes = sum over sizes of (size x size x 4) for 32-bit RGBA. The base set covers the 16, 32 and 48 pixel browser favicons; Apple touch icons add 180 pixels and Android or PWA manifests add 192 and 512 pixels.

Why does this matter?

Serving only a 512 px icon leaves browsers downscaling to 16 px, where hinted detail matters most, so the small sizes are usually redrawn rather than scaled.

What do I need to enter?

Enter include apple touch icons, include android and pwa icons. The defaults shown are a realistic worked example — swap in your own figures to get a result you can use.