How We Score 100 100 100 100 on Google PageSpeed Insights — And Why It Matters
If you've ever Googled "PageSpeed Insights" — or maybe you couldn't quite remember the name and searched something like "Google website speed test"...
Free Tool
Favicon Generator
Convert any PNG, JPG, SVG or WebP image into a multi-size .ico favicon ready for every browser and search engine. Drop an image, preview the sizes, download.
100% browser-side — your images never leave your device
Sitethreesixty is committed to privacy. We don't track you, set cookies, or store anything — we can't see your images and never could. This tool is completely free with no ads, no sign-up, and no popups.
How it works
Drop your image
Drag your logo or icon onto the zone, or click to browse. PNG, JPG, SVG and WebP accepted.
Choose sizes
Select which icon sizes to include. 16, 32 and 48px are selected by default — that covers every modern browser and Bing.
Download .ico
Download the multi-size .ico file and individual PNGs. Copy the ready-to-paste HTML into your <head>.
Drop your image here, or click to browse
PNG · JPG · SVG · WebP — square images work best
Why this tool exists
Bing and some browsers still need a .ico file
Most browsers will use a PNG favicon declared in a <link rel="icon"> tag. But Bing's crawler — and some older browsers — still look for /favicon.ico at the root of your site. If it's not there, your favicon won't show up in Bing search results.
A proper .ico file bundles multiple sizes (16px, 32px, 48px) into one file, so browsers pick the best size for tabs, bookmarks, and shortcuts without any extra effort.
Developer Reference
How to Add a Favicon to Your Website
Place favicon.ico at your site root and add the link tags below to your HTML <head>. The .ico covers legacy browsers and Bing; the PNG handles everything else.
HTML
<!-- Favicon — .ico for Bing + legacy, PNG for modern browsers --> <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Place favicon.ico at your site root
Browsers and crawlers check
/favicon.ico by default — even without a <link> tag. Placing it at the root ensures Bing picks it up immediately.Use a square source image
Favicons are square. If your source image isn't square, it'll be cropped or stretched. Start with a 512 × 512 or larger square PNG for the best results at all sizes.
Don't forget apple-touch-icon
iOS uses
apple-touch-icon when users add your site to their home screen. A 180 × 180 PNG is the recommended size — no .ico needed for Apple devices.From the 360° View blog
More on Performance & Web Design
Practical insights on building faster, more effective websites for small businesses.
Mastering SEO Content for Small Business Growth
Discover how high-quality SEO content can transform your small business's online visibility. Get actionable tips to attract more customers and boost your search rankings.
The WordPress Tax: What Your "Developer" Isn't Telling You
The true cost of using WordPress for hosting in their own words and how there are better choices for small business owners.
Need to compress your images too? Our free AVIF converter turns JPG, PNG and WebP into next-gen AVIF — with responsive breakpoints and ready-to-paste code. No sign-up, no email, no limits.
Try our free AVIF Converter