WebP to Favicon Converter - Convert WebP to favicon.ico Free

How to make a favicon from a WebP

Add your WebP. Drop your WebP into the box, or browse for it. It is read on your device and never uploaded.
Check how it looks small. The preview shows the real 16 and 32 px favicons on a light and a dark tab. Animated WebP shows its frames too.
Name your site. Under Extra files, type your site name and pick a theme colour - they go into site.webmanifest.
Download the pack. Press Make my favicon. You get a ZIP with every file plus favicon-html.txt with the code to paste.

Saved your logo from a website as WebP? This is the quickest way to turn it into a favicon.

Why turn a WebP into a favicon?

WebP is how most websites serve images today, so a logo you save is often a .webp file.

Browsers do not accept WebP as favicon.ico, and iPhones want a PNG. This pack has every format each browser and device asks for.

Animated WebP? Pick the still frame under the preview, and keep Animated favicon on to make the tab icon move - the same way as GIF to Favicon.

What is in the favicon pack

File	Size	Used by
favicon.ico	16, 32, 48 px	Every browser, bookmarks, Windows shortcuts
favicon-16x16.png, favicon-32x32.png	16 and 32 px	Browser tabs in modern browsers
favicon-96x96.png	96 px	Google search results, desktop shortcuts
apple-touch-icon.png	180 px	iPhone and iPad home screen
android-chrome-192x192.png, -512x512.png	192 and 512 px	Android home screen, PWA install
site.webmanifest	-	Android and PWAs: name, icons, theme colour
favicon-html.txt	-	The lines to paste into your <head>

Only need the classic file? Pick the favicon.ico only preset. Every ZIP also has a README.

How to add the favicon to your website

Unzip the pack and upload every file to the root folder of your site, next to your home page.
Open favicon-html.txt and paste its lines into the <head> of your pages.
Hard-refresh the page (Ctrl+F5) - browsers keep old favicons for a long time.

Using WordPress? Go to Appearance, Customize, Site Identity and upload the 512 px PNG as the Site Icon. Then check your live site with the Favicon Checker.

Tips for a favicon people recognise

Use the symbol, not the name. Text turns into a smudge at 16 px.
Fill the square. Crop to square, and keep padding low.
Just need a normal picture? WebP to PNG keeps transparency and opens everywhere.

Frequently Asked Questions

Drop your WebP into the box and press Make my favicon.

You get a ZIP with favicon.ico, the PNG sizes, Apple and Android icons, site.webmanifest and the HTML code.

Some browsers accept it, but Safari, bookmarks and Windows do not, and favicon.ico must be a real ICO. Converting gives you files that work everywhere.

Yes - in favicon.ico and every PNG. Only apple-touch-icon.png gets a solid background, because iPhones show transparency as black.

Every frame shows under the preview. The ticked frame becomes the still favicon, and with Animated favicon on you also get the files that make the tab icon move in every browser.

Upload every file from the ZIP to the root of your site, then paste the lines from favicon-html.txt into the <head> of your pages.

Yes. Pick the favicon.ico only preset and you get one .ico file with 16, 32 and 48 px inside.

Browsers cache favicons for days. Hard-refresh with Ctrl+F5, open the site in a private window, or test it with the Favicon Checker.

No. The favicon files are made in your browser, on your device. Nothing is uploaded.