How to create a favicon from PNG
Turn one PNG, JPG, or WebP logo into the browser, Apple, and PWA icon files a modern site needs.
Create a favicon package The tool processes your files locally; they are not uploaded.How to create a favicon from PNG starts with a clean source logo and ends with several files, not just one tiny icon. ConvertRS accepts PNG, JPG, or WebP and builds the package locally, so the logo never needs to be uploaded.
Prepare the source image
Use the clearest version of the logo you have. A square composition needs less padding, but a rectangular logo still works: the generator fits it onto square canvases with transparent padding or a background color you choose.
Small icons lose fine detail. Check that the essential shape remains recognizable at 16 × 16 pixels. Avoid depending on tiny lettering, hairline strokes, or subtle contrast.
Generate the favicon package
Open the private favicon generator, add the image, choose transparent padding or a background, and generate the ZIP. The browser creates:
- a multi-frame
favicon.icocontaining 16, 32, and 48 pixel images; - 16 × 16 and 32 × 32 PNG favicons;
- a 180 × 180 Apple Touch Icon;
- 192 × 192 and 512 × 512 Android/PWA icons;
site.webmanifestand an HTML snippet.
The generator does not create a favicon from SVG, typed text, or emoji. Convert one of the supported raster image formats instead.
Install the files
Copy the generated files to the public root of the website, then copy the supplied link and manifest markup into the document head. Keep the filenames aligned with the generated HTML.
Browsers cache favicons aggressively. If an update does not appear immediately, test in a private window or clear the relevant site data before changing the files again.
Check the result
Load the site in more than one browser and check the tab icon, bookmarks, mobile home-screen icon, and installed PWA experience where relevant. The favicon sizes guide explains why each file exists.