No title

How this works: Cachet renders every favicon size straight from your source image on a <canvas> in your browser — nothing is uploaded anywhere. Packaging the results into a single .zip uses a small public library fetched on demand the first time you download, so that step needs an internet connection.

Drop a logo or image here, or tap to choose one

A square image (512×512 or larger) gives the cleanest set
Source image
Canvas background
8%
Packaging your files…
Preview
Paste into <head>

About Cachet

Cachet takes one source image and renders the whole spread of favicon sizes a modern site actually needs — browser tabs, bookmarks, home-screen icons on iOS and Android, and PWA manifests — without leaving your browser.

Features

  • Generates 18 sizes from 16×16 up to 512×512
  • Builds a real multi-size favicon.ico
  • Includes apple-touch-icon and android-chrome sizes
  • Writes a ready-to-use site.webmanifest
  • Transparent, white, or custom canvas background
  • Adjustable padding so nothing touches the edge
  • Copy-paste <head> snippet included
  • Everything bundled as one downloadable .zip

How to use it

  1. Drop in a logo or mark — square, high-resolution (512×512+) works best.
  2. Pick a background: transparent for a logo that's already on its own, or a solid color if your mark is a simple silhouette.
  3. Adjust padding if the design feels cramped at small sizes.
  4. Tap "Generate favicon set" and check the preview grid at real favicon scale.
  5. Download the .zip, drop the files into your site root, and paste the <head> snippet.

Frequently asked questions

Is my image uploaded anywhere?

No. Every size is drawn locally on a canvas element in your browser. The only network request is a one-time fetch of the zipping library, not your image.

What goes into the .zip?

All PNG sizes, a multi-resolution favicon.ico (16/32/48px), apple-touch-icon.png, android-chrome-192x192.png and 512x512.png, a site.webmanifest, and a head-snippet.txt with the tags to paste in.

Do I need the full .zip, or is favicon.ico enough?

A plain favicon.ico still works in most browsers, but apple-touch-icon and the android-chrome sizes matter if people ever add your site to a home screen or install it as a PWA. The full set covers both.

Why does my icon look muddy at 16px?

Fine detail and thin lines disappear at that size. A simple mark with bold shapes and enough padding around the edges holds up much better than a detailed logo.

Can I use a non-square source image?

Yes — Cachet center-crops it to a square before generating sizes, so the important part of your image should be roughly centered.

Post a Comment

Previous Next

نموذج الاتصال