PNG to ICO Converter and Favicon Generator for Any Website

Convert PNG to ICO Online for Free

Every website needs a small icon in the browser tab. It shows up next to your page title, in bookmarks, in browser history, on phone home screens, and often in Google search results. Without one, your site gets a blank page icon that looks unfinished.

This free PNG to ICO converter turns your logo into a real multi-size ICO file and a complete favicon pack in a few seconds. Add an image, choose your sizes, check the live preview, and save. There’s nothing to install and no account to create.

Think of it as two tools in one. It’s an ICO converter for Windows icons, and it’s a favicon generator that gives you every file and every line of code a modern website needs.

Your image is processed inside your own browser, so it stays on your device and is not sent to our server.

How to Convert PNG to ICO in 3 Steps

1. Add your image. Drag your logo onto the box at the top of this page, click Choose image, or paste a copied picture with Ctrl+V.
2. Adjust the settings. Pick the sizes for your ICO file, then set the padding, background, and shape. The previews update as you click.
3. Save your files. Press Create favicon. Save the ICO file on its own, or click Save full pack to get every favicon file in one zip.

The standalone ICO file keeps your original name, so logo.png becomes logo.ico. Inside the zip, it’s named favicon.ico, the name browsers look for.

Turn Any Image Into an ICO File

PNG is the most common starting point, but you’re not limited to it. This image to ICO tool also accepts JPG, SVG, WebP, GIF, BMP, and AVIF files up to 50 MB.

• JPG to ICO works well for photos and logos saved without transparency. Pick a Rounded or Circle shape to soften the square edges.
• SVG files are drawn at 1024 pixels before the icons are made, so even the 256-pixel size stays crisp.
• WebP and AVIF images from modern websites convert just like a PNG.
• Animated GIF files use the first frame, since a favicon can’t play an animation.

The tool works on one image at a time. If your logo sits on a busy background, run it through the Background Remover first to get a clean, transparent PNG.

How the ICO File Format Works

ICO is the icon format created for Windows. Its biggest strength is that one .ico file can hold several sizes of the same picture. A browser tab can use the 16 pixel version, while a desktop shortcut picks a larger one.

That’s why favicon.ico is still the most widely supported favicon file on the web. Older browsers, Windows shortcuts and many tools that read favicons expect it. Most browsers also check for /favicon.ico in the main folder of a site, even when a page has no favicon code at all.

PNG vs ICO: which one do you need?

A PNG holds one picture at one size. An ICO bundles several sizes together. Modern browsers accept both for favicons, so the best setup uses an ICO file for wide support and a few PNG files for sharp icons on newer devices. The favicon pack from this tool gives you both.

Transparent ICO files

When you choose Clear as the background, every size inside your transparent ICO keeps its see through areas, and so do the PNG icons. The one exception is the Apple touch icon, which always gets a solid background for a reason explained further down.

Choose the Right Favicon Sizes

Under Sizes in the ICO file, click any size to add it or remove it. You can pick 16, 24, 32, 48, 64, 128 and 256 pixels. The table below shows where each favicon size is commonly used.

Size	Where it is used
16 × 16	Browser tabs, bookmarks and history
24 × 24	Windows taskbar and Start menu lists at 100 percent display scale
32 × 32	Browser tabs on high resolution screens and Windows shortcuts
48 × 48	Windows desktop icons and medium icons in File Explorer
64 and 128	Larger Windows views and high resolution displays
256 × 256	Large and extra large icons in Windows File Explorer
180 × 180	Apple touch icon for iPhone and iPad home screens
192 and 512	Android home screens and installed web apps

For a normal website favicon, the default of 16, 32 and 48 is a solid choice. Add 256 if you also want a sharp Windows icon for folders or desktop programs.

Favicon size for Google Search

Google’s guidelines for favicons in search results ask for a square image and recommend one larger than 48 × 48 pixels, so it looks good across different screens. If search results matter to you, add 64, 128 or 256 to your ICO file. That gives Google a sharper version to work with.

How the sizes are stored

Sizes up to 128 pixels are saved as 32 bit bitmaps with a transparency mask, the classic format that Windows and browsers have read for many years. The 256 pixel size is saved as PNG inside the ICO, which is how Windows has stored large icons since Windows Vista. You don’t need to do anything for this. The tool handles it.

Make a Complete Favicon Pack for Your Website

A single ICO file works, but phones and modern browsers look for a few extra files. Click Save full pack and the zip includes everything below.

• favicon.ico with the sizes you picked
• favicon-16×16.png and favicon-32×32.png for browser tabs
• apple-touch-icon.png at 180 pixels for iPhone and iPad
• android-chrome-192×192.png and android-chrome-512×512.png for Android
• site.webmanifest with your site name and theme color
• favicon-html.txt with the HTML code, so you have it later

Each image and the manifest can also be saved on their own from the results list. The text file with the code comes only in the zip.

What the web manifest does

The site.webmanifest file is a small text file that tells Android and Chrome which icons to use when someone adds your site to their home screen. It also stores your site name and theme color. You don’t need to edit it. Just upload it with the other files.

Preview Your Favicon Before You Save

A logo that looks great at full size can turn into a blur at 16 pixels. The preview panel shows you the truth before you save anything.

• In a browser tab shows your icon next to your site name, in both a light and a dark tab.
• On a phone home screen shows how your icon looks as a home screen app icon.
• Actual sizes shows the icon at 16, 32, 48 and 64 pixels on a checkerboard, so you can see any transparent areas.

If your logo has thin text or tiny details, you’ll spot it here. Try a simpler version of the logo, or use Fill to zoom in on the main shape.

The tool also shows a warning when your image is smaller than 256 pixels or isn’t square. You can still continue, but a bigger, square source gives cleaner icons.

Customize Your Icon

Fit or Fill

Fit keeps the whole picture and adds empty space at the sides if your image isn’t square. Fill crops the picture to a square so the main shape fills the icon. Use the Padding slider to add breathing room around your logo, from 0 to 30 percent.

Background color

Choose Clear to keep a transparent background, White for a solid white square, or Color to pick any color that matches your brand. A colored background helps a light logo stand out in a dark browser tab.

Shape

Pick Square, Rounded or Circle. Rounded and Circle trim the corners, which looks neat for photos and for logos saved as JPG, since a JPG has no transparency.

Site name and theme color

The site name goes into the web manifest and the previews. The theme color goes into the manifest and the theme color meta tag, which tints the browser bar on Android phones when someone opens your site.

Why the Apple touch icon has a solid background

iPhones and iPads fill transparent areas of a home screen icon with black. To avoid that, the apple-touch-icon.png file is always a square with a solid background. If you pick Clear, it gets white. If you pick a color, it uses that color.

Install the Favicon Pack on Your Site

1. Unzip the favicon pack.
2. Upload all the files to the main folder of your website, often called the root folder. It’s the same place as your home page.
3. Copy the HTML code from this page and paste it inside the head section of your site.
4. Open your site and refresh the page. If the old icon still shows, see the tips below.

Here’s the code the tool gives you. Click Copy to grab it in one go.

<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

What each line does

• The first line points every browser to your ICO file.
• The next two lines offer sharp PNG icons at 32 and 16 pixels.
• The Apple line sets the icon for iPhone and iPad home screens.
• The manifest line links the file that Android and Chrome use for home screen icons.
• The last line sets your theme color.

Adding a favicon in WordPress

WordPress has its own Site Icon setting. Since WordPress 6.5, you can go to Settings, then General, and click Choose a Site Icon. Classic themes also show it under Appearance, then Customize, then Site Identity. WordPress asks for a square image of at least 512 pixels, so the android-chrome-512×512.png file from the pack is a perfect fit.

If you prefer full control, upload the pack to your site’s main folder and add the code to your theme instead. Just don’t use both methods at once, or you may end up with duplicate icon tags.

Shopify, Squarespace and Wix

Hosted site builders usually have a favicon field in their site or theme settings instead of a code box. Upload one of the larger PNG files from the pack there, and the platform creates the icon tags for you.

Fixing a Favicon That Won’t Update

Browsers hold on to favicons for a long time, so a new icon often takes a while to appear. Try these quick fixes.

• Open yoursite.com/favicon.ico directly to check the file is in the right place.
• Press Ctrl+F5 on Windows or Cmd+Shift+R on a Mac to reload the page.
• Open your site in a private or incognito window.
• Check that the file names in your HTML code match the files you uploaded.
• Make sure a security plugin or robots.txt rule isn’t blocking the icon files.

Search engines also take time to pick up a new favicon. Google updates it after a fresh crawl, which can take several days to several weeks. Your home page and the icon file must both be crawlable. You can request indexing of your home page with the URL Inspection tool in Search Console, though there’s no guarantee the favicon will show.

Use Your ICO File as a Windows Icon

An ICO file isn’t just for websites. You can also use it to give a desktop shortcut or folder a custom Windows icon. Microsoft suggests at least 16, 24, 32, 48 and 256, so select all five to keep it sharp at every view size.

1. Right click a shortcut and choose Properties. For a folder, open Properties and go to the Customize tab.
2. Click Change Icon, then Browse.
3. Select your .ico file and click Open. Then click OK and Apply.

Tips for a Sharp Favicon

• Start with a square image of 512 pixels or larger. Use the Image Resizer if your logo has odd dimensions.
• Use a simple shape or a single letter. Full logos with text rarely read well at 16 pixels.
• Pick strong colors with good contrast, so the icon is clear in both light and dark tabs.
• Use PNG or SVG with a transparent background when you can.
• Keep the icon file names and links the same once they’re live. Google asks for a stable favicon URL, and browsers hold on to the old icon for a while.

Is It Safe to Use This Favicon Generator?

Yes. Your image is turned into icons inside this browser tab. It stays on your device, it’s not sent to our server, it’s not stored, and closing the tab clears everything. That makes it a good fit for client logos and brand files that aren’t public yet.

Frequently Asked Questions

Is this PNG to ICO converter free?

Yes, completely. There’s no sign up, no watermark and no daily limit.

Can I make a 256 × 256 ICO file?

Yes. Click 256 under Sizes in the ICO file. You can put just that one size in the file, or combine it with smaller sizes for a multi size ICO.

Can I convert several images at once?

No. The tool works on one image at a time, which keeps the preview and settings simple. Once you’ve saved your files, add the next image and repeat.

Will my favicon show in Google search results?

It can, but Google decides. Add the favicon code to your home page, make sure the icon file is crawlable, and keep it square. Google recommends a size larger than 48 × 48 pixels, and an update can take several days to several weeks.

Do I still need favicon.ico if I have PNG icons?

It’s a good idea. Modern browsers use the PNG files, but older browsers, some apps and many tools that collect site icons still look for favicon.ico first. The pack includes both, so you’re covered.

What is the biggest image I can use?

You can add an image up to 50 MB. A large file is fine, since every icon is scaled down anyway. A square image of 512 pixels or more gives the best result.