Realm by Rook|Utilities
    Favicon Generator

    Favicon Generator

    Upload one image, get all 10 favicon sizes + manifest.json + HTML snippet

    Your image is processed entirely in your browser — nothing is uploaded or stored on our servers. It's cleared from memory when you leave this page or click Clear.

    คุณอาจจะชอบ

    Color Picker

    Pick colors and get hex, RGB, HSL values

    Color Converter

    Convert between HEX, RGB, HSL, and CMYK

    Gradient Generator

    Create beautiful CSS gradients

    About the Favicon Generator

    Every site needs a favicon. Modern sites need eight favicons for different platforms (browser tab, iOS home-screen, Android home-screen, desktop shortcut, PWA splash). Doing this by hand means opening an image editor 10 times. This tool generates every size from one source in 5 seconds and emits the HTML + manifest.json you paste into your <head>.

    Features

    How it works

    1. Upload your source image (SVG or ≥512px PNG).
    2. Choose background + optional rounded corners.
    3. Click 'Download all' and drop the files at your site root.
    4. Paste the HTML snippet into your &lt;head&gt;.

    Use cases

    Frequently asked questions

    What size should my source image be?

    +

    SVG is best — infinite resolution. If PNG, use 1024×1024 or 512×512 square; anything smaller scales up badly.

    Where do I put the downloaded files?

    +

    At the root of your site (e.g. next to your index.html). The HTML snippet references them from the root path.

    Do I need all 10 sizes?

    +

    Technically no, but modern browsers + iOS + Android all want different sizes and you avoid ugly fallbacks by shipping everything. Total payload is under 20 KB.

    Can I generate .ico files?

    +

    Not yet — modern browsers accept PNG natively, so favicon.ico is optional. The standard favicon-32x32.png served at the root works for most setups.

    Are my images uploaded anywhere?

    +

    No — everything runs in your browser via canvas.